js完整倒計(jì)時代碼分享
更新時間:2016年09月18日 08:42:25 投稿:lijiao
這篇文章主要為大家詳細(xì)介紹了js完整倒計(jì)時代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了js倒計(jì)時代碼,供大家參考,具體內(nèi)容如下
<html>
<head>
<title>倒計(jì)時測試</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") //**倒計(jì)時時間-注意格式
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>
<!--倒計(jì)時完畢啦-->
</body>
</html>
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 基于javascript實(shí)現(xiàn)的購物商城商品倒計(jì)時實(shí)例
- JS實(shí)現(xiàn)倒計(jì)時(天數(shù)、時、分、秒)
- js制作支付倒計(jì)時頁面
- JS實(shí)現(xiàn)表單驗(yàn)證功能(驗(yàn)證手機(jī)號是否存在,驗(yàn)證碼倒計(jì)時)
- js帶鬧鈴功能的倒計(jì)時代碼
- 最全面的JS倒計(jì)時代碼
- js發(fā)送短信倒計(jì)時的簡單實(shí)現(xiàn)方法
- js精準(zhǔn)的倒計(jì)時函數(shù)分享
- JS/jQ實(shí)現(xiàn)免費(fèi)獲取手機(jī)驗(yàn)證碼倒計(jì)時效果
- 點(diǎn)擊按鈕出現(xiàn)60秒倒計(jì)時的簡單js代碼(推薦)
- js實(shí)現(xiàn)精確到秒的倒計(jì)時效果
- Javascript實(shí)現(xiàn)倒計(jì)時(防頁面刷新)實(shí)例
相關(guān)文章
vite打包優(yōu)化vite-plugin-compression的使用示例詳解
這篇文章主要介紹了vite打包優(yōu)化vite-plugin-compression的使用,本文通過示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-09-09
JS操作CSS隨機(jī)改變網(wǎng)頁背景實(shí)現(xiàn)思路
JS和CSS讓頁面每次刷新隨機(jī)產(chǎn)生一張背景圖,當(dāng)然我的回答是可以的,下面是具體的實(shí)現(xiàn)思路,感興趣的朋友可以參考下2014-03-03
防止Layui form表單重復(fù)提交的實(shí)現(xiàn)方法
今天小編就為大家分享一篇防止Layui form表單重復(fù)提交的實(shí)現(xiàn)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
關(guān)于layui toolbar和template的結(jié)合使用方法
今天小編就為大家分享一篇關(guān)于layui toolbar和template的結(jié)合使用方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript實(shí)現(xiàn)倒計(jì)時跳轉(zhuǎn)頁面功能【實(shí)用】
本文分享了JavaScript實(shí)現(xiàn)倒計(jì)時跳轉(zhuǎn)頁面功能的具體實(shí)例代碼,頁面代碼簡單,直接拷貝就能運(yùn)行,頁面可以自己美化下哦。需要的朋友一起來看下吧2016-12-12

