AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

javascript电商网站抢购倒计时效果实现

51自学网 http://www.wanshiok.com
javascript,倒计时,javascript倒计时代码,javascript实现倒计时

本文实例讲述了javascript电商网站抢购倒计时效果实现代码。分享给大家供大家参考。具体如下:
运行效果截图如下:

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>团购——限时抢</title></head><body><div class="time"> <span id="LeftTime"></span></div></div><script>function FreshTime(){    var endtime=new Date("2015/11/20,12:20:12");//结束时间    var nowtime = new Date();//当前时间    var lefttime=parseInt((endtime.getTime()-nowtime.getTime())/1000);     d=parseInt(lefttime/3600/24);    h=parseInt((lefttime/3600)%24);    m=parseInt((lefttime/60)%60);    s=parseInt(lefttime%60);    document.getElementById("LeftTime").innerHTML="还剩" + d+"天"+h+"小时"+m+"分"+s+"秒";    if(lefttime<=0){        document.getElementById("LeftTime").innerHTML="团购已结束";        clearInterval(sh);    }}    FreshTime();    var sh;    sh=setInterval(FreshTime,1000);</script></body></html>

很简单的团购限时抢购倒计时,特别适合用于现今团购网、电商网、门户网等倒计时抢购活动,希望本文能帮助大家熟练掌握javascript倒计时效果的实现方法。


javascript,倒计时,javascript倒计时代码,javascript实现倒计时  
上一篇:jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构  下一篇:跟我学习javascript的Date对象