本文實例講述了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.VeVB.COm/bianmin/miaobiao
在線日期/天數計算器:
http://tools.VeVB.COm/jisuanqi/date_jisuanqi
在線日期天數差計算器:
http://tools.VeVB.COm/jisuanqi/onlinedatejsq
Unix時間戳(timestamp)轉換工具:
http://tools.VeVB.COm/code/unixtime
更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript時間與日期操作技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答