js实现新年倒计时效果

一年又一年，新年又快到了，最近大家又开始抢回家过年的车票了，我们就来算一算离新年还有多少天，总结总结在即将过去的2015年大家都收获了什么？

本文实例讲述了射流研究…实现新年倒计时效果代码。分享给大家供大家参考。具体如下：

运行效果图：

具体代码：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=gb2312' /titleJS时间倒计时/title脚本类型=' text/JavaScript ' var time _ now _ server，time_now_client，time_end，time_server_client，timerID//结束时间time _ end=新日期(' 2015/12/31 09:00:00 ');time _ end=time _ end。gettime()；//开始的时间：如果不填入时间日期默认为当前的日期时间time _ now _ server=新日期；time _ now _ server=time _ now _ server。gettime()；time _ now _ client=new Date()；time _ now _ client=time _ now _ client。gettime()；time _ server _ client=time _ now _ server-time _ now _ client；setTimeout('show_time()'，1000)；//显示时间函数函数show _ time(){ var timer=document。getelementbyid(' timer ')；if(！timer){ return；}计时器。innerhtml=time _ server _ client变量time_now、time_distance、str _ timevar int_day、int_hour、int_minute、int _ secondvar time _ now=新日期();时间_现在=时间_现在。gettime()time _ server _ client；time _ distance=time _ end-time _ now；if(time _ distance 0){ int _ day=math。楼层(time _ distance/86400000)time _ distance-=int _ day * 86400000；int _ hour=数学。楼层(time _ distance/3600000)time _ distance-=int _ hour * 3600000；int _ minute=数学。楼层(time _ distance/60000)time _ distance-=int _ minute * 60000；int _ sec=数学。floor(time _ distance/1000)if(int _ hour 10){ int _ hour=' 0 ' int _ hour；} if(int _ minute 10){ int _ minute=' 0 ' int _ minute；} if(int _ second 10){ int _ second=' 0 ' int _ second；} str_time=int_day '天'整数小时'小时' int_minute '分钟' int_second '秒；timer . innerhtml=str _ timesetTimeout(' show _ time()'，1000)；} else { timer。innerhtml=计时器。innerhtml清除超时窗口。位置。http://。百度。com '；} }/script/head body div id=' timer ' style=' font-size :5 em；文本对齐：居中；Helvetica阿里亚尔字体系列： ' bebasneuerural '，无衬线；文本-阴影：0 0 5px # 00c 6ff'/div div id=' Yu ' style=' font-size :5 em；文本对齐：居中；Helvetica阿里亚尔字体系列： ' bebasneuerural '，无衬线；'文本-阴影：0 0 5px # 00c 6ff/div/body/html希望本文所述对大家学习爪哇岛描述语言程序设计有所帮助，大家可以在此基础上进行美化处理。