关闭

js公共方法-倒计时跳转

标签: 布局html5前端
153人阅读 评论(0) 收藏 举报
分类:

html代码:

<p class="p3">
     <span id="js-down-time" class="color_deep_red time">20</span>秒后跳转至个人中心
     <a class="color_blue" href="/WebUser/PersonalCenterView">点击跳转</a>
</p>
<script type="text/javascript">
    $(document).ready(function () {
        downTime("js-down-time", 20, "/WebUser/PersonalCenterView");
    });
</script>

js代码:

//倒计时调转
function downTime(val, countdown, url) {
    if (countdown == 0) {
        console.log("调转:" + url);
    }
    else {
        $("#" + val).html(countdown);
        countdown--;
    }
    setTimeout(function () {
        downTime(val, countdown)
    }, 1000)
}

分析:

val:ID

coutdown:时间

url:跳转的URL

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:78173次
    • 积分:1490
    • 等级:
    • 排名:千里之外
    • 原创:82篇
    • 转载:7篇
    • 译文:0篇
    • 评论:12条
    最新评论