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è)工作線程來完成的,對(duì)主線程不會(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. javascript - sublime快鍵鍵問題2. javascript - immutable配合react提升性能?3. css - 寫頁面遇到個(gè)布局問題,求大佬們幫解答,在線等,急!~4. vue.js - Vue 如何像Angular.js watch 一樣監(jiān)聽數(shù)據(jù)變化5. 配置Apache時(shí),添加對(duì)PHP的支持時(shí)語法錯(cuò)誤6. javascript - 移動(dòng)端上不能實(shí)現(xiàn)拖拽布局嗎?7. phpstudy8.1支持win11系統(tǒng)嗎?8. javascript - nodejs關(guān)于進(jìn)程間發(fā)送句柄的一點(diǎn)疑問9. javascript - vue-router 地址改變數(shù)據(jù)未改變10. 實(shí)現(xiàn)bing搜索工具urlAPI提交

網(wǎng)公網(wǎng)安備