js公共方法-倒计时跳转

原创 2016年08月30日 23:45:18

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

相关文章推荐

js倒计时跳转

  • 2014年12月25日 16:29
  • 8KB
  • 下载

Jsp和js倒计时跳转页面

Jsp和js倒计时跳转页面

JS实现倒计时三秒跳转后到新页面

为了是网站的页面更友好,更加人性化,我们往往会在操作错误或是成功的时候进行提示然后跳转到相应的页面。同时为了使页面更加美化,我们往往会加上倒计时跳转功能,也就是使网页上的秒杀呈现倒数显示。下面就是具体...

页面跳转3种方法结合倒计时总结

一: you will go to JD.com in 5 seconds var second = 6; function djs() { if(second

JS倒计时、跳转模块以及JSP中比较日期跳转模块

1,前言        这个是根据网上一些资料重新编写整理而来的,主要是作为自己使用的一个小积累,原本的目的是使网页在规定的时间段内自动跳转,在时间段外的请求不做处理;分别写了JS和JSP的代码,放...
  • altand
  • altand
  • 2012年03月28日 10:46
  • 1082

实现倒计时跳转

  • 2017年03月17日 12:23
  • 584B
  • 下载

Android实现倒计时跳转Activity

现在的APP大部分打开时的欢迎界面都有广告,倒计时结束进入主界面,今天就自己试试实现了一下,主要用到有: Intent:意图,实现页面跳转 CountDownTimer:倒计时器,不言而喻 Ha...
  • Alexnul
  • Alexnul
  • 2016年05月30日 21:02
  • 2962

Android 多线程 和异步的实践:跳转,同步显示时间,倒计时的实现,知识点

Android 多线程 和异步的实践 模拟引导页,数秒后转向新的页面 从主mainactiyity 到newpager 写了两种启动模式 先写 布局 ...

jsp倒计时跳转

这里写了 页面的倒计时跳转,例子为10秒跳转 广东省中小企业公共服务平台 .jumpface{width:600px;margin:0 auto; background:url(fac...

倒计时跳转 总结

三种方法实现定时跳转...
  • phpfer
  • phpfer
  • 2015年10月26日 21:13
  • 182
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js公共方法-倒计时跳转
举报原因:
原因补充:

(最多只允许输入30个字)