js--页面倒计时

Zsssssssjjjjj

于 2023-04-22 17:49:12 发布

阅读量147

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/m0_73957003/article/details/130308007

版权

先看看做好的倒计时效果----->

主体思路（算法）：

1.输入目标的日期，并将日期转化为毫秒数。

2.输入当前的日期，并将日期转化为毫秒数。

3.用目标日期毫秒数-当前日期毫秒数。算出倒计时的总毫秒数。

4.利用算法，用倒计时毫秒数算出倒计时转化为的天数、小时数、分钟数、秒数。

总秒数=总毫秒数/1000

d =总秒数 / 60 / 60 / 24

h=总秒数 / 60 / 60 % 24

m=总秒数 / 60 % 60

s= =总秒数 % 60

上代码------------------>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function countDown(time)
        {
            var ms = +new Date();    //当前时间毫秒数
            var srms = +new Date(time);   //用户输入时间毫秒数
            var times = (srms - ms)/1000;   //剩余时间秒数
            var d = parseInt(times / 60 / 60 / 24);
            d = d < 10 ? '0' + d : d;
            var h = parseInt(times / 60 / 60 % 24);
            h = h < 10 ? '0' + h : h;
            var m = parseInt(times / 60 % 60);
            m = m < 10 ? '0' + m : m;
            var s = parseInt(times % 60);
            s = s < 10 ? '0' + s : s;
            return d+'天'+h+'时'+m+'分'+s+'秒';
        }
        console.log(countDown('2023-4-19 22:00:00'));
    </script>
</head>
<body>
    
</body>
</html>

Zsssssssjjjjj

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js--页面倒计时

先看看做好的倒计时效果----->主体思路（算法）：1.输入目标的日期，并将日期转化为毫秒数。2.输入当前的日期，并将日期转化为毫秒数。3.用目标日期毫秒数-当前日期毫秒数。算出倒计时的总毫秒数。4.利用算法，用倒计时毫秒数算出倒计时转化为的天数、小时数、分钟数、秒数。
复制链接

扫一扫