js实现倒计时60秒的简单代码( javascript 版 )

今天用到一个倒计时功能, 大概要求页面未检测到登记信息进行提示并跳转

<p>未查询到登录信息,即将跳转...<span id='countDown_time'></span></p>
<script type='text/javascript'>
    var countdown=5;
    settime();
    function settime() {
        if (countdown == 0) {
            window.location.href='login.html';
        } else {
        document.getElementById('countDown_time').innerText= countdown;
            countdown--;
            setTimeout(function() {
                settime();
            },1000)
        }
    }
</script>

 

参考:js实现倒计时60秒的简单代码 (https://blog.csdn.net/qq_36279445/article/details/77529227)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>js实现倒计时60秒的简单代码(推荐)</title>
    <script type="text/javascript" src="js/jquery.js"></script>
</head>
 
<body>
<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" />
<script type="text/javascript">
    var countdown=60;
    function settime(val) {
        if (countdown == 0) {
            val.removeAttribute("disabled");
            val.value="免费获取验证码";
            countdown = 60;
        } else {
            val.setAttribute("disabled", true);
            val.value="重新发送(" + countdown + ")";
            countdown--;
            setTimeout(function() {
                settime(val)
            },1000)
        }
 
    }
</script>
</body>
</html>

 

posted @ 2018-11-13 10:53  梦缘&江南~  阅读(2964)  评论(0)    收藏  举报