文章详情页
javascript - 原生JS实现发送验证码计秒
问题描述
现在有个问题就如题所示,我想有一个登录页面,但是是基于遥控器的。绑定手机时需要向手机发送验证码,随后按钮的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. html5 - 百度Ueditor代码高亮和代码段滚动条冲突是怎么回事?2. javascript - vue 数据更新了。但是dom没有更新,,,,,如图3. java - 3个dao的数据根据请求参数选择一个映射到一个url上,怎么写比较好?4. javascript - 读取页面源码,页面中所有的换行都被当成<br/>读取出来 了,,求解应该怎么让它被正确的解析5. javascript - 关于一段 for 循环代码执行顺序的问题6. javascript - 静态页面引公共头尾文件,js怎么写吖?7. docker api 开发的端口怎么获取?8. debian - docker依赖的aufs-tools源码哪里可以找到啊?9. java - 为什么要将Runnable接口的子类对象传递给Thread的构造函数?10. javascript - HTML 原生js怎么控制table根据0,1值来显示或者隐藏
排行榜