文章詳情頁
JavaScript怎么實現的商品搶購倒計時
瀏覽:2日期:2023-11-30 09:31:51
JavaScript怎么實現的商品搶購倒計時?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>運行效果圖如下:

標簽:
JavaScript
相關文章:
1. 怎樣用Javascript實現策略模式2. 《javascript設計模式》學習筆記三:Javascript面向對象程序設計單例模式原理與實現方法分析3. JavaScript中break、continue和return的用法區別實例分析4. JavaScript命令模式原理與用法實例詳解5. 詳解JavaScript進度管理6. JavaScript裝飾者模式原理與用法實例詳解7. javascript引擎工作原理8. JavaScript與PHP中正則寫法9. 《javascript設計模式》學習筆記五:Javascript面向對象程序設計工廠模式實例分析10. JavaScript實現HSL拾色器
排行榜