javascript电商网站抢购倒计时效果实现
内容摘要
本文实例讲述了javascript电商网站抢购倒计时效果实现代码。分享给大家供大家参考。具体如下:
运行效果截图如下:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Cont
运行效果截图如下:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Cont
文章正文
本文实例讲述了javascript电商网站抢购倒计时效果实现代码。分享给大家供大家参考。具体如下:
运行效果截图如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | <!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倒计时效果的实现方法。
代码注释