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

標(biāo)簽:
JavaScript
相關(guān)文章:
1. javascript設(shè)計(jì)模式 ? 建造者模式原理與應(yīng)用實(shí)例分析2. 一篇文章帶你了解JavaScript-對象3. JavaScript Tab菜單實(shí)現(xiàn)過程解析4. 怎樣用Javascript實(shí)現(xiàn)策略模式5. javascript xml xsl取值及數(shù)據(jù)修改第1/2頁6. asp+jsp+JavaScript動態(tài)實(shí)現(xiàn)添加數(shù)據(jù)行7. iframe實(shí)現(xiàn)與父頁面跨域隔離的JavaScript 代碼沙箱8. JavaScript實(shí)現(xiàn)組件化和模塊化方法詳解9. 《javascript設(shè)計(jì)模式》學(xué)習(xí)筆記四:Javascript面向?qū)ο蟪绦蛟O(shè)計(jì)鏈?zhǔn)秸{(diào)用實(shí)例分析10. JavaScript canvas實(shí)現(xiàn)文字時(shí)鐘
排行榜
