用webAPI实现新年倒计时案例

Mr.YＵ

于 2020-12-05 11:16:20 发布

阅读量278

点赞数 1

分类专栏： webAPI 文章标签： javascript html

本文链接：https://blog.csdn.net/weixin_45659402/article/details/110678527

版权

webAPI 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
新年倒计时：<span class="time"></span>

<script>
    var time = document.querySelector('.time');
    window.onload = function () {
        var future = new Date('2021-02-11');//可以修改新年时间
        var futureTime = future.getTime();
        var timer = setInterval(function () {
            var today = new Date();
            var todayTime = today.getTime();
            var cha = futureTime - todayTime;
            var sec = parseInt(cha / 1000 % 60 + '')
            var min = parseInt(cha / 1000/60 % 60 + '')
            var hour = parseInt(cha / 1000 /60/ 60 % 24 + '')
            var date = parseInt(cha / 1000 /60/ 60 / 24 + '')
            time.innerHTML =`${date}天${hour}小时${min}分${sec}秒`
        },1000)
    }
</script>


</body>
</html>

Mr.YＵ

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
用webAPI实现新年倒计时案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>新年倒计时：<span class="time"></span><script> var time = document.querySelector('.
复制链接

扫一扫