js完整倒计时代码分享
本文实例为大家分享了js倒计时代码,供大家参考,具体内容如下
<html> <head> <title>倒计时测试</title> <scriptsrc="http://event.wushuangol.com/ShopClothes/Scripts/jquery-1.4.4.min.js"type="text/javascript"></script> <scriptlanguage="JavaScript"> $(document).ready(function(){ <!--时间必须启动--> clockon(); }); functionclockon(){ varnow=newDate(); varyear=now.getFullYear();//getFullYeargetYear varmonth=now.getMonth(); vardate=now.getDate(); varday=now.getDay(); varhour=now.getHours(); varminu=now.getMinutes(); varsec=now.getSeconds(); varweek; month=month+1; if(month<10)month="0"+month; if(date<10)date="0"+date; if(hour<10)hour="0"+hour; if(minu<10)minu="0"+minu; if(sec<10)sec="0"+sec; vararr_week=newArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); week=arr_week[day]; vartime=""; time=year+"年"+month+"月"+date+"日"+""+hour+":"+minu+":"+sec+""+week; $("#bgclock").html(time); vartimer=setTimeout("clockon()",200); } <!--隐藏脚本从旧的浏览器 varDifferHour=-1 varDifferMinute=-1 varDifferSecond=-1 varTday1=newDate("Feb11,201300:00:00")//**倒计时时间-注意格式 vardaysms=24*60*60*1000 varhoursms=60*60*1000 varSecondms=60*1000 varmicrosecond=1000 functionclock() { vartime=newDate() varhour=time.getHours() varminute=time.getMinutes() varsecond=time.getSeconds() vartimevalue=""+((hour>12)?hour-12:hour) timevalue+=((minute<10)?":0":":")+minute timevalue+=((second<10)?":0":":")+second timevalue+=((hour>12)?"PM":"AM") varconvertHour=DifferHour varconvertMinute=DifferMinute varconvertSecond=DifferSecond varDiffms=Tday1.getTime()-time.getTime() DifferHour=Math.floor(Diffms/daysms) Diffms-=DifferHour*daysms DifferMinute=Math.floor(Diffms/hoursms) Diffms-=DifferMinute*hoursms DifferSecond=Math.floor(Diffms/Secondms) Diffms-=DifferSecond*Secondms vardSecs=Math.floor(Diffms/microsecond) if(convertHour!=DifferHour)document.formnow.dd.value=DifferHour if(convertMinute!=DifferMinute)document.formnow.hh.value=DifferMinute if(convertSecond!=DifferSecond)document.formnow.mm.value=DifferSecond document.formnow.ss.value=dSecs document.formnow.ss.value=dSecs //document.formnow.Tnow.value=DifferHourDifferMinute+DifferSecond+dSecs setTimeout("clock()",1000) } // 隐藏--> </script> </head> <bodyonload="clock();returntrue"> <!--显示出内容--> <formname="formnow"> <inputname="dd"type="text"style="border:0;"size=2> 天 <inputname="hh"type="text"style="border:0;"size=2> 小时 <inputname="mm"type="text"style="border:0;"size=2> 分 <inputname="ss"type="text"style="border:0;"size=2> 秒 <spanid="bgclock"style="float:right;padding-right:10px;padding-top:2px;text="red""></span> </form> <!--倒计时完毕啦--> </body> </html>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。