Javascript 倒計(jì)時(shí)源代碼.(時(shí).分.秒) 詳細(xì)注釋版
更新時(shí)間:2011年05月09日 19:00:53 作者:
基于js的倒計(jì)時(shí)實(shí)現(xiàn)代碼,并有詳細(xì)的注釋比較適合學(xué)習(xí)使用。
隨便寫寫!閑著無(wú)聊!代碼如有bug之處歡迎閣下強(qiáng)力拍磚!
JS CODE
<script type="text/javascript" language="javascript">
//總時(shí)間,已分為單位
var time = 100;
//小時(shí)
var h = parseInt(time / 60) > 0 ? parseInt(time / 60) : 0;
//分
var m = time % 60;
//秒
var s = 60;
//輸出到當(dāng)前Script的Dom位置
document.write('<span>剩余<font id="f_hh">' + h + '</font>小時(shí)<font id="f_mm">' + m + '</font>分<font id="f_ss">' + s + '</font>秒</span>');
//開(kāi)始執(zhí)行倒計(jì)時(shí)
var timeInterval = setInterval(function () {
//如果時(shí)、分、秒都為0時(shí)將停止當(dāng)前的倒計(jì)時(shí)
if (h == 0 && m == 0 && s == 0) { clearInterval(timeInterval); return; }
//當(dāng)秒走到0時(shí),再次為60秒
if (s == 0) { s = 60; }
if (s == 60) {
//每次當(dāng)秒走到60秒時(shí),分鐘減一
m -= 1;
//當(dāng)分等于0時(shí)并且小時(shí)還多余1個(gè)小時(shí)的時(shí)候進(jìn)里面看看
if (m == 0 && h > 0) {
//小時(shí)減一
h -= 1;
//分鐘自動(dòng)默認(rèn)為60分
m = 60;
//秒自動(dòng)默認(rèn)為60秒
s = 60;
}
}
//秒繼續(xù)跳動(dòng),減一
s -= 1;
//小時(shí)賦值
document.getElementById('f_hh').innerHTML = h;
//分鐘賦值
document.getElementById('f_mm').innerHTML = m;
//秒賦值
document.getElementById('f_ss').innerHTML = s;
}, 1000);
</script>
HTML CODE
<html>
<head>
<title>Date Demo</title>
</head>
<body>
<script type="text/javascript" language="javascript">
//總時(shí)間,已分為單位
var time = 100;
//小時(shí)
var h = parseInt(time / 60) > 0 ? parseInt(time / 60) : 0;
//分
var m = time % 60;
//秒
var s = 60;
//輸出到當(dāng)前Script的Dom位置
document.write('<span>剩余<font id="f_hh">' + h + '</font>小時(shí)<font id="f_mm">' + m + '</font>分<font id="f_ss">' + s + '</font>秒</span>');
//開(kāi)始執(zhí)行倒計(jì)時(shí)
var timeInterval = setInterval(function () {
//如果時(shí)、分、秒都為0時(shí)將停止當(dāng)前的倒計(jì)時(shí)
if (h == 0 && m == 0 && s == 0) { clearInterval(timeInterval); return; }
//當(dāng)秒走到0時(shí),再次為60秒
if (s == 0) { s = 60; }
if (s == 60) {
//每次當(dāng)秒走到60秒時(shí),分鐘減一
m -= 1;
//當(dāng)分等于0時(shí)并且小時(shí)還多余1個(gè)小時(shí)的時(shí)候進(jìn)里面看看
if (m == 0 && h > 0) {
//小時(shí)減一
h -= 1;
//分鐘自動(dòng)默認(rèn)為60分
m = 60;
//秒自動(dòng)默認(rèn)為60秒
s = 60;
}
}
//秒繼續(xù)跳動(dòng),減一
s -= 1;
//小時(shí)賦值
document.getElementById('f_hh').innerHTML = h;
//分鐘賦值
document.getElementById('f_mm').innerHTML = m;
//秒賦值
document.getElementById('f_ss').innerHTML = s;
}, 1000);
</script>
</body>
</html>
JS CODE
復(fù)制代碼 代碼如下:
<script type="text/javascript" language="javascript">
//總時(shí)間,已分為單位
var time = 100;
//小時(shí)
var h = parseInt(time / 60) > 0 ? parseInt(time / 60) : 0;
//分
var m = time % 60;
//秒
var s = 60;
//輸出到當(dāng)前Script的Dom位置
document.write('<span>剩余<font id="f_hh">' + h + '</font>小時(shí)<font id="f_mm">' + m + '</font>分<font id="f_ss">' + s + '</font>秒</span>');
//開(kāi)始執(zhí)行倒計(jì)時(shí)
var timeInterval = setInterval(function () {
//如果時(shí)、分、秒都為0時(shí)將停止當(dāng)前的倒計(jì)時(shí)
if (h == 0 && m == 0 && s == 0) { clearInterval(timeInterval); return; }
//當(dāng)秒走到0時(shí),再次為60秒
if (s == 0) { s = 60; }
if (s == 60) {
//每次當(dāng)秒走到60秒時(shí),分鐘減一
m -= 1;
//當(dāng)分等于0時(shí)并且小時(shí)還多余1個(gè)小時(shí)的時(shí)候進(jìn)里面看看
if (m == 0 && h > 0) {
//小時(shí)減一
h -= 1;
//分鐘自動(dòng)默認(rèn)為60分
m = 60;
//秒自動(dòng)默認(rèn)為60秒
s = 60;
}
}
//秒繼續(xù)跳動(dòng),減一
s -= 1;
//小時(shí)賦值
document.getElementById('f_hh').innerHTML = h;
//分鐘賦值
document.getElementById('f_mm').innerHTML = m;
//秒賦值
document.getElementById('f_ss').innerHTML = s;
}, 1000);
</script>
HTML CODE
復(fù)制代碼 代碼如下:
<html>
<head>
<title>Date Demo</title>
</head>
<body>
<script type="text/javascript" language="javascript">
//總時(shí)間,已分為單位
var time = 100;
//小時(shí)
var h = parseInt(time / 60) > 0 ? parseInt(time / 60) : 0;
//分
var m = time % 60;
//秒
var s = 60;
//輸出到當(dāng)前Script的Dom位置
document.write('<span>剩余<font id="f_hh">' + h + '</font>小時(shí)<font id="f_mm">' + m + '</font>分<font id="f_ss">' + s + '</font>秒</span>');
//開(kāi)始執(zhí)行倒計(jì)時(shí)
var timeInterval = setInterval(function () {
//如果時(shí)、分、秒都為0時(shí)將停止當(dāng)前的倒計(jì)時(shí)
if (h == 0 && m == 0 && s == 0) { clearInterval(timeInterval); return; }
//當(dāng)秒走到0時(shí),再次為60秒
if (s == 0) { s = 60; }
if (s == 60) {
//每次當(dāng)秒走到60秒時(shí),分鐘減一
m -= 1;
//當(dāng)分等于0時(shí)并且小時(shí)還多余1個(gè)小時(shí)的時(shí)候進(jìn)里面看看
if (m == 0 && h > 0) {
//小時(shí)減一
h -= 1;
//分鐘自動(dòng)默認(rèn)為60分
m = 60;
//秒自動(dòng)默認(rèn)為60秒
s = 60;
}
}
//秒繼續(xù)跳動(dòng),減一
s -= 1;
//小時(shí)賦值
document.getElementById('f_hh').innerHTML = h;
//分鐘賦值
document.getElementById('f_mm').innerHTML = m;
//秒賦值
document.getElementById('f_ss').innerHTML = s;
}, 1000);
</script>
</body>
</html>
相關(guān)文章
javascript實(shí)現(xiàn)的距離現(xiàn)在多長(zhǎng)時(shí)間后的一個(gè)格式化的日期
距離現(xiàn)在多長(zhǎng)時(shí)間后的一個(gè)格式化的日期,大家可以看看。2009-10-10datePicker——日期選擇控件(with jquery)
用法很簡(jiǎn)單,而且js文件也很小,之前也見(jiàn)過(guò)一些日期選擇控件,但個(gè)頭都比較大,影響速度2007-02-02不錯(cuò)的一個(gè)日期輸入 動(dòng)態(tài)
[紅色]不錯(cuò)的一個(gè)日期輸入 動(dòng)態(tài)...2006-11-11javascript時(shí)區(qū)函數(shù)介紹
在js中的時(shí)區(qū)我們以般講的是關(guān)于格林威治時(shí)間和本地時(shí)間之間的時(shí)差,以分鐘為單位,這和php,asp沒(méi)什么區(qū)別下面我們結(jié)合date()函數(shù)來(lái)介紹一下js時(shí)區(qū)的相關(guān)問(wèn)題2012-09-09Js 時(shí)間間隔計(jì)算的函數(shù)(間隔天數(shù))
Js計(jì)算間隔天數(shù)的函數(shù)代碼,需要的朋友可以參考下。2011-11-11JS學(xué)習(xí)之一個(gè)簡(jiǎn)易的日歷控件
這種日歷控件實(shí)現(xiàn)起來(lái)不難,下面簡(jiǎn)單分析下我的思路2010-03-03