js完整倒计时代码分享

2019-11-20 08:58:03

字体：大中小

来源：转载

供稿：网友

本文实例为大家分享了js倒计时代码，供大家参考，具体内容如下

<html><head><title>倒计时测试</title> <script src="http://event.wushuangol.com/ShopClothes/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script> <script language="JavaScript"> $(document).ready(function () {<!-- 时间必须启动 --> clockon(); }); function clockon() { var now = new Date(); var year = now.getFullYear(); //getFullYear getYear var month = now.getMonth(); var date = now.getDate(); var day = now.getDay(); var hour = now.getHours(); var minu = now.getMinutes(); var sec = now.getSeconds(); var week; 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; var arr_week = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"); week = arr_week[day]; var time = ""; time = year + "年" + month + "月" + date + "日" + " " + hour + ":" + minu + ":" + sec + " " + week; $("#bgclock").html(time);  var timer = setTimeout("clockon()", 200);} <!-- 隐藏脚本从旧的浏览器var DifferHour = -1var DifferMinute = -1var DifferSecond = -1var Tday1 = new Date("Feb 11, 2013 00:00:00") //**倒计时时间-注意格式var daysms = 24 * 60 * 60 * 1000var hoursms = 60 * 60 * 1000var Secondms = 60 * 1000var microsecond = 1000function clock(){ var time = new Date() var hour = time.getHours() var minute = time.getMinutes() var second = time.getSeconds() var timevalue = ""+((hour > 12) ? hour-12:hour) timevalue +=((minute < 10) ? ":0":":")+minute timevalue +=((second < 10) ? ":0":":")+second timevalue +=((hour >12 ) ? " PM":" AM") var convertHour = DifferHour var convertMinute = DifferMinute var convertSecond = DifferSecond var Diffms = 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 var dSecs = 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= DifferHour DifferMinute + DifferSecond + dSecssetTimeout("clock()",1000)}// 隐藏--></script></head><body onload="clock();return true" ><!--显示出内容--><form name="formnow"><input name="dd" type="text" style="border:0;" size=2>天<input name="hh" type="text" style="border:0;" size=2>小时<input name="mm" type="text" style="border:0;" size=2>分<input name="ss" type="text" style="border:0;" size=2>秒<span id="bgclock" style="float:right;padding-right:10px; padding-top:2px;text="red""></span></form><!--倒计时完毕啦--></body></html>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持武林网。

上一篇：jQuery实现简单的网页换肤效果示例

下一篇：Javascript中常见的逻辑题和解决方法