文章詳情頁
JavaScript怎么實現(xiàn)的商品搶購倒計時
瀏覽:4日期:2023-11-30 09:31:51
JavaScript怎么實現(xiàn)的商品搶購倒計時?JavaScript實現(xiàn)的商品搶購倒計時功能。分享給大家供大家參考,具體如下:
<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="搶購已結(jié)束"; clearInterval(sh); } } _fresh() var sh; sh=setInterval(_fresh,100); </SCRIPT> </span> </body> </html>運行效果圖如下:

標簽:
JavaScript
相關(guān)文章:
1. 淺談javascript事件環(huán)微任務和宏任務隊列原理2. 關(guān)于JavaScript對象類型之Array及Object3. javascript使用Blob對象實現(xiàn)的下載文件操作示例4. JavaScript實現(xiàn)HTML導航欄下拉菜單5. javascript實現(xiàn)貪吃蛇小游戲6. javascript使用alert實現(xiàn)一個精美的彈窗7. JavaScript實現(xiàn)簡單進度條效果8. 原生JavaScript實現(xiàn)拖動校驗功能9. JavaScript 判斷瀏覽器是否是IE10. JavaScript實現(xiàn)簡單的計算器功能
排行榜
