案例：倒计时简单实现（根据Date日期对象）

神经质土豆

已于 2022-10-05 20:19:46 修改

阅读量391

点赞数

分类专栏： js案例文章标签： javascript 前端 html 开发语言

于 2022-10-04 23:02:39 首次发布

本文链接：https://blog.csdn.net/m0_65085680/article/details/127167617

版权

js案例专栏收录该内容

15 篇文章 0 订阅

订阅专栏

目录

案例分析

用到的相关公式

JS代码实现

* Date日期对象相关知识点

案例分析

1.输入一个时间（以双十一为例用双十一时间减去现在的时间就是剩余的时间即倒计时

2.用时间戳去做（用户输入时间的总毫秒数减去现在时间的总毫秒数（相减）就是倒计时的毫秒数

3.再把剩余的毫秒数转换为天时分秒

用到的相关公式

【总毫秒数转为总秒数除以1000】

计算天数的公式：d = parseInt(总秒数 / 60/60/24);

计算小时的公式：h= parseInt(总秒数 / 60/60 % 24);

计算分钟的公式：m = parseInt(总秒数 / 60 % 60);

计算秒数的公式：s = parseInt(总秒数 % 60);

JS代码实现

<代码实现>

 <script> 
 function countDown(time) { //定义一个倒计时函数
            var nowTime = +new Date();//返回的是当前时间距离1970.1.1的总毫秒数
            var inputTime = +new Date();//返回的是输入时间距离1970年1月1号的总毫秒数
            var times = (inputTime - nowTime) / 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());
</script>