文章詳情頁
javascript - 原生JS實現發送驗證碼計秒
瀏覽:166日期:2023-03-28 11:50:01
問題描述
現在有個問題就如題所示,我想有一個登錄頁面,但是是基于遙控器的。綁定手機時需要向手機發送驗證碼,隨后按鈕的label就要隨著時間減少 60s 50s ... 0s 等 在計秒的過程中,我可能還會上下左右操作。
問題是這樣,稍微了解了下 js 是單線程運行 我計秒這個 動作 和我計秒的同時進行上下左右切換焦點并行,在我理解是2個線程操作。所以 小弟不得其解,怎么去實現呢? 求高人指點。
問題解答
回答1:開一個 setInterval 跑完60秒自動解除button的disabled
跑的過程中時間累減
比如
//偽代碼、思路是這樣var i = 60;var interval;interval = setInterval(function(){ document.getElementById('testBtn').innerHTML(i+’s’) i = i-1 if(i<=0){clearInterval(interval)//解除你的btn不可點擊 }},1000)回答2:
定時器是異步執行的,定時是由另一個工作線程來完成的,對主線程不會有影響。當定時器時間到達后,會把要執行的回調函數放到任務隊列里,并由主線程來調用回調函數。
所以在主線程上的操作不會影響定時器。
回答3:不用關心線程問題 setInterval可以
標簽:
JavaScript
相關文章:
1. android - weex 項目createInstanceReferenceError: Vue is not defined2. javascript - 如圖,百度首頁,查看源代碼為什么什么都沒有?3. 網頁爬蟲 - python requests爬蟲,如何post payload4. javascript - 原生APP內嵌H5頁面分享到微信朋友圈,二次分享問題。5. javascript - 為什么clearInterVal不起作用呢?6. html - 關于CSS實現border的0.5px設置?7. PHPExcel表格導入數據庫怎么導入8. android - 哪位大神知道java后臺的api接口的對象傳到前端后輸入日期報錯,是什么情況?求大神指點9. pdo 寫入到數據庫的內容為中文的時候寫入亂碼10. PHP類封裝的插入數據,總是插入不成功,返回false;
排行榜
