Javascript倒计时

前端之家收集整理的这篇文章主要介绍了Javascript倒计时前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经在网上搜索过,但是所有可以随时查询的地方都是你的日期,而且还算到那个日期.我需要的是从“27分43秒”(以这种格式),一直从页面上下降到0,任何人都可以获得任何代码片段

解决方法

这样的事情应该做的伎俩.我很无聊,决定自己做,而不是Googling.只需将顶部的分钟数和秒数设置为on,则将onload中的调用更改为要更新的元素的ID.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <script>
    var interval;
    var minutes = 1;
    var seconds = 5;
    window.onload = function() {
        countdown('countdown');
    }

    function countdown(element) {
        interval = setInterval(function() {
            var el = document.getElementById(element);
            if(seconds == 0) {
                if(minutes == 0) {
                    el.innerHTML = "countdown's over!";                    
                    clearInterval(interval);
                    return;
                } else {
                    minutes--;
                    seconds = 60;
                }
            }
            if(minutes > 0) {
                var minute_text = minutes + (minutes > 1 ? ' minutes' : ' minute');
            } else {
                var minute_text = '';
            }
            var second_text = seconds > 1 ? 'seconds' : 'second';
            el.innerHTML = minute_text + ' ' + seconds + ' ' + second_text + ' remaining';
            seconds--;
        },1000);
    }
    </script>
</head>
<body>
<div id='countdown'></div>
</body>
</html>

猜你在找的JavaScript相关文章