基于javascript实现精确到毫秒的倒计时限时抢购

前端之家收集整理的这篇文章主要介绍了基于javascript实现精确到毫秒的倒计时限时抢购前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

这篇文章为大家分享了javascript实现倒计时限时抢购,精确到毫秒的倒计时,供大家参考,具体内容如下

一、效果

下面的图片就是聚划算上面的限时抢的效果

二、实现限时抢的效果需要用到的知识

:Javascript Date()对象 Date()返回当前的日期和事件 getYear()返回年份 获得年最好用 getFullYear()方法来操作(完整格式如2016) getMonth()返回月份值(从0开始,+1) getDay()返回星期几(0-6) getHours()返回小时数(0-23) getMinutes()返回分钟数(0-59) getSeconds()返回秒数 getTime()返回毫秒数 当然,上面的调用方法我们不一定全部用到,也要看你自己的需求,废话不多说,我们直接上代码: 1、HTML页面代码

我们把倒计时的内容放在class为left-time的

标签内. 2、JS脚本:

上面的js就实现了一个简单的限时抢的小例子,其中parseInt()方法是取整,getTime()把时间转化为毫秒,除了parseInt()方法之外,还可以用Math.floor()向下取整的方法代替.

最后记得不要忘记了给个if()判断时间结束的时候需要显示内容哦,不然就会出现不必要的小bug哟!

猜你在找的JavaScript相关文章