js完整倒計時代碼分享
更新時間:2016年09月18日 08:42:25 投稿:lijiao
這篇文章主要為大家詳細介紹了js完整倒計時代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了js倒計時代碼,供大家參考,具體內(nèi)容如下
<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 = -1 var DifferMinute = -1 var DifferSecond = -1 var Tday1 = new Date("Feb 11, 2013 00:00:00") //**倒計時時間-注意格式 var daysms = 24 * 60 * 60 * 1000 var hoursms = 60 * 60 * 1000 var Secondms = 60 * 1000 var microsecond = 1000 function 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 + dSecs setTimeout("clock()",1000) } // 隱藏--> </script> </head> <body onload="clock();return true" > <!--顯示出內(nèi)容--> <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>
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript中顏色模型的基礎(chǔ)知識與應(yīng)用詳解
顏色模型,是用來表示顏色的數(shù)學(xué)模型。比如最常見的?RGB模型,使用?紅綠藍?三色來表示顏色。本文就來和大家講講JavaScript中顏色模型的基礎(chǔ)知識與應(yīng)用吧2023-02-02詳解ES6 export default 和 import語句中的解構(gòu)賦值
這篇文章主要介紹了詳解ES6 export default 和 import語句中的解構(gòu)賦值,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-05-05nodejs創(chuàng)建web服務(wù)器之hello world程序
本文給大家分享nodejs創(chuàng)建web服務(wù)器之hello world程序,node真的很好用,不僅用v8引擎來解析了javascript外,還提供了高度優(yōu)化的應(yīng)用庫,真的很好,有需要的朋友一起來學(xué)習(xí)吧2015-08-08innerHTML 和 getElementsByName 在IE下面的bug 的解決
innerHTML 真的一個麻煩的東西。IE 和 firefox 對dom 處理的方式不是很一樣。IE 對動態(tài)加載的很多dom 不支持動態(tài)更新。2010-04-04JavaScript實現(xiàn)選中文字提示新浪微博分享效果
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)選中文字提示新浪微博分享效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06