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实现倒计时三秒跳转后到新页面

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

js控制n秒后跳转到指定页面,并显示倒计时

setTimeout //设定倒数秒数 var t = 10; //显示倒数秒数 function showTime(){ ...
  • ft305977550
  • ft305977550
  • 2013年09月04日 13:46
  • 19424

各种页面定时跳转(倒计时跳转)代码总结

下面对实现页面定时跳转(也称倒计时跳转)做一下总结,各种定时跳转代码记录如下:  (1)使用setTimeout函数实现定时跳转(如下代码要写在body区域内)  复制代码代码如下: ...
  • vip_linux
  • vip_linux
  • 2013年10月25日 11:23
  • 699

js公共方法库

/**--------------------基本配置--------------------**/ //基本路径 var sys_Root='https://www.baidu.com'; //接口...
  • bbsyi
  • bbsyi
  • 2017年06月13日 15:34
  • 457

js倒计时跳转范例

请等待15秒 var s = document.getElementById("time"); var intNum = setInterval("run()",1000); ...
  • u011108439
  • u011108439
  • 2015年04月07日 09:56
  • 286

表单验证等其他公用js方法

/* * DIV或元素居中 * @return */ jQuery.fn.mCenterDiv = function () { this.css("position", "absolute")...
  • u013214705
  • u013214705
  • 2016年12月05日 20:44
  • 755

实现启动app,首页倒计时跳转,也可点击按钮进行跳转

import android.os.Bundle; import android.os.CountDownTimer; import android.os.Handler; import androi...
  • TianzhuZ
  • TianzhuZ
  • 2017年12月19日 16:30
  • 2185

常用js代码公用方法

常用js代码公用方法//字符串长度var temp=true;String.prototype.len = function(){ var str=this; return str.r...
  • firetaker
  • firetaker
  • 2010年04月12日 13:06
  • 1478

jsp实现页面倒计时跳转到指定页面

pageEncoding="UTF-8"%> String path = request.getContextPath(); String basePath = request.getSc...
  • u012716944
  • u012716944
  • 2014年11月20日 19:58
  • 1451

js 倒计时,在html中显示,距离刷新还有几秒

定时器 距离刷新还有10 --刷新成功 function myrefresh() { window.location.reload(); ...
  • qq_22823581
  • qq_22823581
  • 2017年06月13日 11:55
  • 469
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js公共方法-倒计时跳转
举报原因:
原因补充:

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