body
在金灣等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務理念,為客戶提供成都做網(wǎng)站、網(wǎng)站制作 網(wǎng)站設計制作按需策劃設計,公司網(wǎng)站建設,企業(yè)網(wǎng)站建設,成都品牌網(wǎng)站建設,成都全網(wǎng)營銷推廣,外貿(mào)營銷網(wǎng)站建設,金灣網(wǎng)站建設費用合理。
手機號碼: input type="number" button發(fā)送/button
script
var btn = document.querySelector('button');
var time = 60; // 定義剩下的秒數(shù)
btn.addEventListener('click', function() {
btn.disabled = true;
var timer = setInterval(function() {
if (time == 0) {
// 清除定時器和復原按鈕
clearInterval(timer);
btn.disabled = false;
btn.innerHTML = '發(fā)送';
time = 60; //這個需要重新開始
} else {
btn.innerHTML = '還剩下' + time + '秒';
time--;
}
}, 1000);
})
/script
/body
你這相當于給內(nèi)層的定時器搞了個死循環(huán),每1秒就會創(chuàng)建一個定時器,6秒過去就表示已經(jīng)創(chuàng)建6個定時器了,每個定時器的開始時間相差1秒,當然6秒后就會每秒彈出一次啦,12秒后每秒會彈出兩次,以此類推……你這樣持續(xù)運行下去會創(chuàng)建無數(shù)個定時器,那時候每秒估計會彈出很多很多hello~然后電腦估計要炸了~~如果問題解決了,記得采納哦~~
定時器在js中的應用非常廣泛,比如首頁的輪播圖效果,網(wǎng)頁的時鐘,秒殺倒計時等,都是采用定時器來實現(xiàn)的。
主要提供了兩種定時器:
script type="text/javascript"
//一次性
window.setTimeout(function () {
alert(1);
},1000)
//周期性
window.setInterval(function () {
alert(2);
},1000)
/script
//試試這個吧
!DOCTYPE?html
html?lang="en"
head
meta?charset="UTF-8"
titleDocument/title
/head
body
div?id="time"/div
script
!--???
var?maxtime?=?60*60?//一個小時,按秒計算,自己調(diào)整!
function?CountDown(){
if(maxtime=0){
minutes?=?Math.floor(maxtime/60);
seconds?=?Math.floor(maxtime%60);
minutes?=?minutes=10?minutes:'0'+minutes;
seconds?=?seconds=10?seconds:'0'+seconds;
msg?=?"距離結(jié)束還有"+minutes+"分"+seconds+"秒";
document.all["time"].innerHTML=msg;
if(maxtime?==?5*60)?alert('注意,還有5分鐘!');
--maxtime;
}else{
clearInterval(timer);
alert("時間到,結(jié)束!");
}
}
timer?=?setInterval("CountDown()",1000);
//--
/script
/body
/html
參考下面代碼:
script type="text/javascript"
function getRTime(){
var EndTime= new Date('%=datas%'); //datas是數(shù)據(jù)庫的時間
var NowTime = new Date();
var t =EndTime.getTime() - NowTime.getTime();
if(t=0){
var d=Math.floor(t/1000/60/60/24);
var h=Math.floor(t/1000/60/60%24);
var m=Math.floor(t/1000/60%60);
var s=Math.floor(t/1000%60);
document.getElementById("t_d").innerHTML = d;
document.getElementById("t_h").innerHTML = h;
document.getElementById("t_m").innerHTML = m;
document.getElementById("t_s").innerHTML = s;
}
}
setInterval(getRTime,1000);
/script
settimeout在load之后便開始計時10秒后執(zhí)行一個方法
settimeout(fun,time);參數(shù)只能為函數(shù)而不是一個表達式
如果參數(shù)為表達式則直接運行而不會計時后運行
如:settimeout(alert("test"),5000)等價于alert("test")
如有疑惑歡迎追問
網(wǎng)頁名稱:javascript定時器的簡單介紹
URL網(wǎng)址:http://aaarwkj.com/article0/dsspjoo.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供Google、網(wǎng)站策劃、網(wǎng)站改版、定制開發(fā)、網(wǎng)站導航、標簽優(yōu)化
聲明:本網(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)