javascript - 原生JS實(shí)現(xiàn)發(fā)送驗(yàn)證碼計(jì)秒
問題描述
現(xiàn)在有個(gè)問題就如題所示,我想有一個(gè)登錄頁面,但是是基于遙控器的。綁定手機(jī)時(shí)需要向手機(jī)發(fā)送驗(yàn)證碼,隨后按鈕的label就要隨著時(shí)間減少 60s 50s ... 0s 等 在計(jì)秒的過程中,我可能還會(huì)上下左右操作。
問題是這樣,稍微了解了下 js 是單線程運(yùn)行 我計(jì)秒這個(gè) 動(dòng)作 和我計(jì)秒的同時(shí)進(jìn)行上下左右切換焦點(diǎn)并行,在我理解是2個(gè)線程操作。所以 小弟不得其解,怎么去實(shí)現(xiàn)呢? 求高人指點(diǎn)。
問題解答
回答1:開一個(gè) setInterval 跑完60秒自動(dòng)解除button的disabled
跑的過程中時(shí)間累減
比如
//偽代碼、思路是這樣var i = 60;var interval;interval = setInterval(function(){ document.getElementById('testBtn').innerHTML(i+’s’) i = i-1 if(i<=0){clearInterval(interval)//解除你的btn不可點(diǎn)擊 }},1000)回答2:
定時(shí)器是異步執(zhí)行的,定時(shí)是由另一個(gè)工作線程來完成的,對主線程不會(huì)有影響。當(dāng)定時(shí)器時(shí)間到達(dá)后,會(huì)把要執(zhí)行的回調(diào)函數(shù)放到任務(wù)隊(duì)列里,并由主線程來調(diào)用回調(diào)函數(shù)。
所以在主線程上的操作不會(huì)影響定時(shí)器。
回答3:不用關(guān)心線程問題 setInterval可以
相關(guān)文章:
1. css - 新手做響應(yīng)式布局, 斷點(diǎn)過后右側(cè)出現(xiàn)空白,求幫助,謝謝。2. javascript - 關(guān)于<a>元素與<input>元素的JS事件運(yùn)行問題3. javascript - ES6 中能否把 class 屬性 方法 分文件?4. python - 能通過CAN控制一部普通的家用轎車嗎?5. mysql - 查詢字段做了索引為什么不起效,還有查詢一個(gè)月的時(shí)候數(shù)據(jù)都是全部出來的,如果分拆3次的話就沒問題,為什么呢。6. mysql - 記得以前在哪里看過一個(gè)估算時(shí)間的網(wǎng)站7. ID主鍵不是自增的嗎 為什么還要加null8. 大家好,我想請問一下怎么做搜索欄能夠搜索到自己網(wǎng)站的內(nèi)容。9. MySQL中的enum類型有什么優(yōu)點(diǎn)?10. css - 關(guān)于border-image
