JavaScript如何实现页面倒计时?【含源码】

在一些电商网站的活动页上会经常出现折扣商品的倒计时标记,显示离活动结束还剩x天x小时X分X秒,像这样的倒计时效果就可以利用日期对象来实现。
倒计时的核心算法是输人的时间减去现在的时间,得出的剩余时间就是要显示的倒计时时间,这需要把时间都转化成时间戳(毫秒数)来进行计算,把得到的毫秒数转换为天数、小时、分数、秒数。具体示例代码如下。




    
    
    
    JavaScript倒计时代码|黑马程序员web前端培训高手班 http://web.itheima.com
    


    

上述代码中,第2行的+new Date()是new Date().getTime()代码的简写,返回当前时间戳,单位是毫秒。第3行代码是设置活动的结束时间戳。第4行代码计算剩余毫秒数,需要转换为秒数,转换规则为1秒/1000毫秒。第5~13行代码计算天数小、小时h、分时m、秒数s,并使用return返回。 第16行代码输出距离指定结束日期2021-11-30 10:57:56还剩多少时间。

代码运行效果如下:
JavaScript如何实现页面倒计时?【含源码】_第1张图片

相关文章:
Math对象的常用方法有哪些?如何使用?
JavaScript中let和var和const有什么区别?
javascript开发工具有哪些?

你可能感兴趣的:(javascript倒计时)