script
創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供烈山網(wǎng)站建設(shè)、烈山做網(wǎng)站、烈山網(wǎng)站設(shè)計、烈山網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、烈山企業(yè)網(wǎng)站模板建站服務(wù),10多年烈山做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。
var?fillZero?=?function(v){?
if(v-100){v='0'+v;}?
return?v;?
}?
var?formatHourT012?=?function(){
var?d?=?new?Date();?
var?H?=?fillZero(d.getHours());?
if(H?-12?=0){?
H?=?'AM'?+?H;?
}else?if(H-120??H-240){?
H?=?H?-?12;?
H?=?'PM'?+?fillZero(H);?
}else?if(H-24?==0){?
H?='PM'+?00;?
}?
return?H;
}
/script
希望對你有幫助。
js代碼:fun.js
var timmerID = null;
function time() {
var time = document.getElementById("now");
var left = document.getElementById("left");
var t = time.value.split(":");
var hour = parseInt(t[0]);
var min = parseInt(t[1]);
min=min+1;
if(min==60){
hour=hour+1;
min=0;
if(hour==24){
hour=0;
}
}
time.value=hour+":"+min;
left.value = left.value-1;
if(left.value==0){
mystop();
alert("時間已到!");
}
}
function mystart() {
var left = document.getElementById("left");
left.value="40";
timmerID = window.setInterval("time()", 1000*60);
}
function mystop() {
window.clearInterval(timmerID);
}
html頁面:
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
html
head
titletime.html/title
script type="text/javascript" src="fun.js"/script
/head
body
時間起點:input type="text" name="now" id="now" value="0:0"/input type="button" value="開始" onclick="mystart();"br
剩余時間:input type="text" name="left" id="left" value="40" disabled="disabled"/分鐘br
/body
/html
補(bǔ)充:這個javascript放在一個文件叫fun.js,在html頁面中要引用此文件,如:script type="text/javascript" src="fun.js"/script ,注意不要把路徑弄錯了,src后面的路徑按照實際的來,如果兩個文件在一個目錄下,就是如上這樣引用,當(dāng)然也可以直接把全部的js內(nèi)容放在html文件的頭部,如:script type="text/javascript"
!--javascript代碼--
/script
你可以設(shè)定日期的格式,像是這樣: var time = new Date().format("yyyy-MM-dd HH:mm:ss");
如果還有問題可以私信問我詳細(xì)
html
headtitletest/title/head
body
input id="hour" style="width:2em;" value="5" /:input id="min" style="width:2em" value="20" /
button id="do"確定/button
div id="info" style="display:none"
當(dāng)前時間:span id="cur_time"/spanbr
時 間 差:span id="time_span"/span
/div
script type="text/javascript"
function $(id){ return document.getElementById(id); }
function time_add_sec(secs){
if(secs != 0){ secs = 1;}
window.curtime += secs;
var span = Math.abs(curtime - starttime);
var cur_time = [];
var time_span = [];
cur_time[0] = Math.floor(curtime / 3600);
cur_time[1] = Math.floor((curtime % 3600) / 60);
cur_time[2] = Math.floor(curtime % 60);
time_span[0] = Math.floor(span / 3600);
time_span[1] = Math.floor((span % 3600) / 60);
time_span[2] = Math.floor(span % 60);
$("cur_time").innerHTML = cur_time.join(":");
$("time_span").innerHTML = time_span.join(":");
}
function time_span(){
var now = new Date();
var cur_time = [];
cur_time[0] = now.getHours();
cur_time[1] = now.getMinutes();
cur_time[2] = now.getSeconds();
window.curtime = cur_time[0]*3600+cur_time[1]*60+cur_time[2];
window.starttime = $("hour").value*3600+$("min").value*60;
time_add_sec(0);
$("info").style.display = "block";
setInterval(time_add_sec,1000);
}
window.onload=function (){ $("do").onclick = time_span;}
/script
/body
/html
這個算法占用系統(tǒng)資源相當(dāng)少了,跳動應(yīng)該是你電腦卡吧,我的電腦一點問題都沒有。
文章名稱:javascript小時的簡單介紹
標(biāo)題來源:http://jinyejixie.com/article36/dssegsg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供關(guān)鍵詞優(yōu)化、企業(yè)網(wǎng)站制作、建站公司、響應(yīng)式網(wǎng)站、手機(jī)網(wǎng)站建設(shè)、定制網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)