简单的js倒计时实现

 
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p id="count-down">24:00:00</p>
</body>
<script src="js/jquery-2.1.4.min.js"></script>
<script>
    //倒计时
    function timer(alltime) {
        t = setInterval(countDown, 1000);
        function countDown() {
            if (alltime >= 0) {
                var house = Math.floor(alltime / 3600);
                var minute = Math.floor(alltime / 60 - (house * 60));
                var second = Math.floor(alltime) - (minute * 60) - (house * 3600);
                if (minute <= 9) minute = '0' + minute;
                if (second <= 9) second = '0' + second;
                $('#count-down').html(house + ':' + minute + ':' + second);
                alltime--;
            } else {
                $('#count-down').html("已结束");
                clearInterval(t);
            }
        }
    }
    timer(86399)
</script>
</html>

猜你喜欢

转载自blog.csdn.net/ddwddw4/article/details/80239983