首頁猿問 js怎么實(shí)現(xiàn)一個(gè)倒計(jì)時(shí)，這個(gè)方法沒...

js怎么實(shí)現(xiàn)一個(gè)倒計(jì)時(shí)，這個(gè)方法沒有實(shí)現(xiàn)，該怎么在這個(gè)代碼上修改

JavaScript

翻翻過去那場雪 2018-07-24 15:27:42

<input type="text" id="times"> <input type="button" value="倒計(jì)時(shí)開始" onclick="count()"> <script type="text/javascript"> function counts(ti){ ti--; } function count(){ var tim=document.getElementById("times").value; setInterval("counts(tim)",1000); } </script>

查看完整描述

1 回答

慕俠2389804

TA貢獻(xiàn)1719條經(jīng)驗(yàn) 獲得超6個(gè)贊

1，counts這個(gè)函數(shù)的作用是將當(dāng)前value減1，這一步可以直接在count函數(shù)操作，所以可以不要。
2，count倒計(jì)時(shí)函數(shù)執(zhí)行步驟：獲取value，value值減1，將減一的結(jié)果賦值給value，每隔一秒執(zhí)行一次該函數(shù)。這是倒計(jì)時(shí)的四步。
注意：減一和賦值可以同時(shí)進(jìn)行，需要注意的是需要先減減，再賦值。還有就是需要進(jìn)行判斷，
第一個(gè)判斷是如果倒計(jì)時(shí)已經(jīng)執(zhí)行了，就禁止點(diǎn)擊按鈕；
第二個(gè)判斷是如果倒計(jì)時(shí)的value最后小于等于0的時(shí)候，始終賦值為0，并且用clearTimeout清除該倒計(jì)時(shí)

function count(){
    var tim=document.getElementById("times").value;
    document.getElementById("times").value = --tim;
    setTimeout(count(),1000);
}

反對回復(fù) 2018-07-30