wordpress扒站工具,哪家网站设计好,网站 制作软件,安达网站制作一、需求
1、打开浏览器时#xff0c;按钮禁用#xff0c;按钮内容为60秒倒计时
2、倒计时结束时#xff0c;按钮禁用被取消 二、应用场景
1、60秒内不得重新发送验证码
2、我已阅读用户协议#xff08;5s#xff09; 三、完整代码
!DOCTYPE html
html l…一、需求
1、打开浏览器时按钮禁用按钮内容为60秒倒计时
2、倒计时结束时按钮禁用被取消 二、应用场景
1、60秒内不得重新发送验证码
2、我已阅读用户协议5s 三、完整代码
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title倒计时按钮/title
/head
bodybutton disabled倒计时60秒/buttonscriptconst buttondocument.querySelector(button)let i60let timersetInterval((){i--button.innerHTML倒计时${i}秒if(i0){clearInterval(timer)button.disabled0 //0取消按钮的禁用}},1000)/script
/body
/html 四、注意事项
if判断语句一定要放在间歇函数的里面否则无法终止定时器。
因为如果判断语句放在间歇函数外判断语句作为同步任务会被放入执行栈中程序运行时立刻执行且只执行一次。而间歇函数作为异步任务被放入任务队列中等待执行。
相反地判断语句放在间歇函数里每隔一秒都会进行一次判断直到i为0时终止倒计时。
