js经典小案例之倒计时

YanTuTwo

于 2017-09-04 20:20:28 发布

阅读量502

点赞数

分类专栏：前端学习从入门到翻车文章标签： javascript 倒计时

前端学习从入门到翻车专栏收录该内容

14 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>放假倒计时</title>
</head>
<body>
    <p>现在距离2020年国庆节还有<span></span>！</p>
    <script>
        var span=document.getElementsByTagName("span")[0];
        var holiday = new Date('2020/10/1');
        var day;//
        var hour;//
        var min;//
        var sec;//
        //我要知道当前时间距离国庆节有多少毫秒，然后把毫秒换算成天 时  分  秒
        setInterval(function () {
            var now = new Date();
            var long = holiday.getTime()-now.getTime();//毫秒数
            sec=parseInt(long/1000%60);
            min=parseInt(long/1000%3600/60);//一分钟60秒
            hour=parseInt(long/1000%(3600*24)/3600);//取天数的余数是小时，一小时3600秒
            day=parseInt(long/1000/60/60/24);
            span.innerHTML=day+"天"+hour+"时"+min+"分"+sec+"秒";
        },1000)

    </script>
</body>
</html>