body

在金灣等地區(qū),都構建了全面的區(qū)域性戰(zhàn)略布局,加強發(fā)展的系統(tǒng)性、市場前瞻性、產品創(chuàng)新能力,以專注、極致的服務理念,為客戶提供成都做網站、網站制作 網站設計制作按需策劃設計,公司網站建設,企業(yè)網站建設,成都品牌網站建設,成都全網營銷推廣,外貿營銷網站建設,金灣網站建設費用合理。
手機號碼: input type="number" button發(fā)送/button
script
var btn = document.querySelector('button');
var time = 60; // 定義剩下的秒數
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
你這相當于給內層的定時器搞了個死循環(huán),每1秒就會創(chuàng)建一個定時器,6秒過去就表示已經創(chuàng)建6個定時器了,每個定時器的開始時間相差1秒,當然6秒后就會每秒彈出一次啦,12秒后每秒會彈出兩次,以此類推……你這樣持續(xù)運行下去會創(chuàng)建無數個定時器,那時候每秒估計會彈出很多很多hello~然后電腦估計要炸了~~如果問題解決了,記得采納哦~~
定時器在js中的應用非常廣泛,比如首頁的輪播圖效果,網頁的時鐘,秒殺倒計時等,都是采用定時器來實現的。
主要提供了兩種定時器:
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?//一個小時,按秒計算,自己調整!
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?=?"距離結束還有"+minutes+"分"+seconds+"秒";
document.all["time"].innerHTML=msg;
if(maxtime?==?5*60)?alert('注意,還有5分鐘!');
--maxtime;
}else{
clearInterval(timer);
alert("時間到,結束!");
}
}
timer?=?setInterval("CountDown()",1000);
//--
/script
/body
/html
參考下面代碼:
script type="text/javascript"
function getRTime(){
var EndTime= new Date('%=datas%'); //datas是數據庫的時間
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);參數只能為函數而不是一個表達式
如果參數為表達式則直接運行而不會計時后運行
如:settimeout(alert("test"),5000)等價于alert("test")
如有疑惑歡迎追問
網頁名稱:javascript定時器的簡單介紹
URL網址:http://chinadenli.net/article0/dsspjoo.html
成都網站建設公司_創(chuàng)新互聯,為您提供Google、網站策劃、網站改版、定制開發(fā)、網站導航、標簽優(yōu)化
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯