文章详情页
javascript - 原生JS实现发送验证码计秒
浏览:167日期: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. css3 - 请问一下在移动端CSS布局布局中通常需要用到哪些元素,属性?2. PHP能实现百度网盘的自动化么?3. 网页爬虫 - python requests爬虫,如何post payload4. android - 使用vue.js进行原生开发如何进行Class绑定5. node.js - vue服务端渲染如何部署到线上6. node.js - 微信的自动回复问题7. MySQL 水平拆分之后,自动增长的ID有什么好的解决办法?8. javascript - 百度图片切换图片时url会改变,但无刷新,没用hash,IE8也支持,请问是用了什么技术?9. 我正在使用jsp / jstl / spring动态生成css和js。如何将此结果放置在头部的链接标签中。不在头部的脚本标签中10. angular.js - 各位大神们,你们混合开发,web方式中更推荐用什么框架呀? react?vue?angular?谢谢~
排行榜
