Vue中通过定时器制作简单倒计时

先贴页面代码,就一个简单的div,然后绑定点击事件

 

 下面是js代码

 

 在点击事件前先判断按钮是否可点击,通过后将按钮修改为不可点击,再开始我们的定时器。在定时器中重新给按钮显示的text赋值,并在完成后恢复按钮的点击状态,销毁当前倒计时。

这样,一个简单的倒计时获取验证码的功能就做好啦

posted @ 2020-05-07 15:41  潇潇mini  阅读(4417)  评论(0编辑  收藏  举报