js经典小案例之倒计时

最新推荐文章于 2023-09-08 11:48:28 发布

YanTuTwo

最新推荐文章于 2023-09-08 11:48:28 发布

阅读量450

点赞数

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

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

14 篇文章 0 订阅

订阅专栏

<!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>

YanTuTwo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js经典小案例之倒计时

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>放假倒计时</title></head><body> <p>现在距离2020年国庆节还有<span></span>！</p> <script> var span=document.getElementsByTa
复制链接

扫一扫