时间:2021-05-26
本文实例讲述了JavaScript实现的商品抢购倒计时功能。分享给大家供大家参考,具体如下:
<html><head><meta charset="utf-8"><title>JS抢购倒计时</title></head><body><span id="times" ><SCRIPT LANGUAGE="JavaScript">function _fresh(){ var endtime=new Date("2017/4/23,19:33:12"); var nowtime = new Date(); var leftsecond=parseInt((endtime.getTime()-nowtime.getTime())/1000); __d=parseInt(leftsecond/3600/24); __h=parseInt((leftsecond/3600)%24); __m=parseInt((leftsecond/60)%60); __s=parseInt(leftsecond%60);var c=new Date();var q=((c.getMilliseconds())%10); document.getElementById("times").innerHTML=__d+"天 "+__h+"小时"+__m+"分"+__s+"."+q+"秒"; if(leftsecond<=0){ document.getElementById("times").innerHTML="抢购已结束"; clearInterval(sh); }}_fresh()var sh;sh=setInterval(_fresh,100);</SCRIPT></span></body></html>运行效果图如下:
PS:这里再为大家推荐几款时间及日期相关工具供大家参考使用:
在线秒表工具:
http://tools.jb51.net/bianmin/miaobiao
在线日期/天数计算器:
http://tools.jb51.net/jisuanqi/date_jisuanqi
在线日期天数差计算器:
http://tools.jb51.net/jisuanqi/onlinedatejsq
Unix时间戳(timestamp)转换工具:
http://tools.jb51.net/code/unixtime
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript时间与日期操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
这篇文章为大家分享了javascript实现倒计时限时抢购,精确到毫秒的倒计时,供大家参考,具体内容如下一、效果图下面的图片就是聚划算上面的限时抢的效果二、实现
python实现windows倒计时锁屏功能#倒计时锁屏importtimefromctypesimport*defclosewindows(closetime
本文实例为大家分享了JavaScript实现限时抢购,供大家参考,具体代码如下运行效果图:具体代码如下:限时抢购倒计时body{text-align:cente
前言倒计时功能在游戏中一直很重要,不管是活动开放时间,还是技能冷却。本文实现了一个通用倒计时组件,实现了倒计时的基本功能,支持倒计时结束后的回调。设计思路1、倒
比如,一些网站上的手机短信认证的功能,有类似实现点击按钮后,倒计时60秒才能再次点击发送的效果。此例子用Javascript实现点击按钮后,倒计时60秒才能再次