文章詳情頁(yè)
JavaScript怎么實(shí)現(xiàn)的商品搶購(gòu)倒計(jì)時(shí)
瀏覽：2日期：2023-11-30 09:31:51
JavaScript怎么實(shí)現(xiàn)的商品搶購(gòu)倒計(jì)時(shí)？JavaScript實(shí)現(xiàn)的商品搶購(gòu)倒計(jì)時(shí)功能。分享給大家供大家參考，具體如下：
<html> <head> <meta charset="utf-8"> <title>JS搶購(gòu)倒計(jì)時(shí)</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+"小時(shí)"+__m+"分"+__s+"."+q+"秒"; if(leftsecond<=0){ document.getElementById("times").innerHTML="搶購(gòu)已結(jié)束"; clearInterval(sh); } } _fresh() var sh; sh=setInterval(_fresh,100); </SCRIPT> </span> </body> </html>運(yùn)行效果圖如下：
標(biāo)簽：
JavaScript
相關(guān)文章：
1. 詳解JavaScript 異步編程2. 詳解JavaScript執(zhí)行模型3. JavaScript中break、continue和return的用法區(qū)別實(shí)例分析4. 關(guān)于JavaScript的Array數(shù)組方法詳解5. 淺析JavaScript 函數(shù)防抖和節(jié)流6. 基于JavaScript實(shí)現(xiàn)圖片裁剪功能7. Javascript中Math.max和Math.max.apply的區(qū)別和用法詳解8. 關(guān)于JavaScript對(duì)象類型之Array及Object9. 如何通過vscode運(yùn)行調(diào)試javascript代碼10. JavaScript中內(nèi)置函數(shù)Map()的使用
排行榜
網(wǎng)公網(wǎng)安備