倒计时

最新推荐文章于 2024-09-24 08:00:00 发布

乔菇凉

最新推荐文章于 2024-09-24 08:00:00 发布

阅读量121

点赞数 1

分类专栏： JS

本文链接：https://blog.csdn.net/qiaoleyuan/article/details/78817357

版权

JS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body onload="aa()">
    <span id="aa"></span>
</body>
<script>
    function aa(){
        var ss=2;
        var tt = setInterval(promote,1000);
        function promote(){
            var fen=Math.floor(ss/60);
            //Math.floor向下取整
            var miao=Math.floor((ss-fen*60)%60);
            fen = checkTime(fen);
            miao = checkTime(miao);
            var html=fen+':'+miao;
            document.getElementById('aa').innerHTML=html;

            ss != 0 ? (ss--) : clearInterval(tt);
//            if (ss!=0){
//                ss--;
//            }else {
//                clearInterval(tt);
//            }
//必须用clearInterval去清除定时器，否者页面上虽然已停止，其实仍在运行。
            console.log(1);//检验代码仍在运行用

        }
        function checkTime(i){
            var i;
            if(i<10)
            {
                i = "0" + i;
            }
            return i;
        }

    }
</script>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body onload="leftTimer()">

<h2>剩余时间:</h2>
<div id="timer"></div>
</body>
<script>
    function leftTimer(year,month,day,hour,minute,second){
        var leftTime = (new Date(year,month-1,day,hour,minute,second)) - (new Date()); //计算剩余的毫秒数
        var days = parseInt(leftTime / 1000 / 60 / 60 / 24 , 10); //计算剩余的天数
        var hours = parseInt(leftTime / 1000 / 60 / 60 % 24 , 10); //计算剩余的小时
        var minutes = parseInt(leftTime / 1000 / 60 % 60, 10);//计算剩余的分钟
        var seconds = parseInt(leftTime / 1000 % 60, 10);//计算剩余的秒数
        days = checkTime(days);
        hours = checkTime(hours);
        minutes = checkTime(minutes);
        seconds = checkTime(seconds);
        setInterval("leftTimer(2017,12,15,11,11,11)",1000);
        document.getElementById("timer").innerHTML = days+"天" + hours+"小时" + minutes+"分"+seconds+"秒";
    }
    function checkTime(i){ //将0-9的数字前面加上0，例1变为01
        if(i<10)
        {
            i = "0" + i;
        }
        return i;
    }
</script>
</html>