js:运用JavaScript写一个倒计时模版

首先,让我们来分析一下如何来写一个倒计时;

目录

第一步:获取当前时间和获取截止时间;

第二步:得出时间差值,计算天、时、分、秒;

第三步:拼接字符串,将结果输出到对应的标签中;

第四部:封装函数,调用函数以及运用定时器调用函数


第一步:获取当前时间和获取截止时间;

获取当前时间

var nowtime = new Date().getTime();

因为为了后续的方便计算,我们获取当前时间的总毫秒数,

getTime()获取1970年1月1日距当前时间的毫秒数。

获取截止时间(里面时间可以根据实际情况修改,这里只做举例)

var deadline = new Date("2022/8/28 00:00:00").getTime();

第二步:得出时间差值,计算天、时、分、秒;

计算时间差值

 var differtime = deadline - nowtime;

根据差值计算天、时、分、秒

 var day = Math.floor(differtime / 1000 / 60 / 60 / 24);
            var hours = Math.floor(differtime / 1000 / 60 / 60 % 24);
            var minute = Math.floor(differti
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值