60秒倒计时实现的两种方式

vue中示例
不是vue变量全局定义即可

方法一

export default {data(){return {timeNum:60,
timer:null
}
},
methods:{setTime(){let that=this;if(this.timeNum==0){this.timeNum=60;clearTimeout(that.timer)}else{this.timeNum--;this.timer=setTimeout(()=>{that.setTime();   },1000)}}}}

方法二

let timer=60;
let auth_timer = setInterval(() => {// 定时器设置每秒递减this.timer-- // 递减时间if (this.timer <= 0) {this.verification = true // 60s时间结束还原v-show状态并清除定时器clearInterval(auth_timer)}}, 1000)

60秒倒计时实现的两种方式相关推荐

页面倒计时按钮的两种实现方式
页面倒计时按钮的两种实现方式: 现假设需求为:点击打开页面后,让用户阅读本页面内容并进行60s倒计时,倒计时结束后用户才可以点击"确定"按钮,进行页面跳转. ①第一种实现方式,打开 ...
51单片机0-99秒表计数器+60秒倒计时（数码管两位数）
51秒表计数器+倒计时(数码管两位数) 一:简介我们实践的效果是用数码管显示0~99并在按下"转换键"后,实现60秒倒计时,并用蜂鸣器报警提示,兼并计数器和倒计时两种功能. 主要 ...
Java格式化倒计时的两种方式
Java格式化倒计时的两种方式第一种方式 /*** 入参是一个每秒减小1的秒数* 返回一个格式化的时间* * 该方法具有局限性,他在时间大于1个小时的时候,会返回错误的时间* 因为该方法调用了Dat ...
51单片机数码管显示60秒倒计时（C语言）
51单片机数码管显示60秒倒计时(C语言) 基于普中51单片机开发板,运用定时器/计数器0和1,实现60秒的倒计时和LED灯0.5s间隔闪烁文章目录 51单片机数码管显示60秒倒计时(C语言) 前言 ...
两种方式（goto语句以及while循环）实现C语言关机小程序
用C语言写的关机小程序简单易懂,可以拿去整蛊室友同学(每天一个挨打小技巧),下面我就给出两种方式实现这个代码,欢迎大家讨论补充. 1.用goto语句实现: #include <stdio.h&g ...
【转】系统缓存全解析二：动态缓存（2）－页面局部缓存的两种方式
有时缓存整个页面是不现实的,因为页的某些部分可能在每次请求时都需要变化.在这些情况下,只能缓存页的一部分.顾名思义,页面部分缓存是将页面部分内容保存在内存中以便响应用户请求,而页面其他部分内容则为动态 ...
java版东东哥上班东东哥在上班途中, 可以选择走路和骑车两种方式
3. 东东哥上班东东哥在上班途中, 可以选择走路和骑车两种方式但他不清楚哪种方式比较快, 因为骑车需要找车, 开锁, 停车需要耽搁很多时间. 设找到自行车, 开锁, 骑上自行车需要花27秒, 停 ...
Eclipse安装SVN插件的两种方式
登录 | 注册收藏成功确定收藏失败,请重新收藏确定查看所有私信查看所有通知暂没有新通知想要绕过微信小程序开发中的坑吗?不妨来听这个,今晚8点,1小时帮你搞定! 23小时以前 CSDN日报 ...
Ubuntu查看IP信息的两种方式
无论使用什么系统,都有用到ip地址的时候,习惯了windows系统的人很容易就能查找出系统的ip,但是在linux系统如何查看ip呢?作为Linux新手,以Ubuntu的使用经验,我知道Ubuntu查 ...
android asynctask源码分析,Android通过Handler与AsyncTask两种方式动态更新ListView(附源码)...
本文实例讲述了Android通过Handler与AsyncTask两种方式动态更新ListView的方法.分享给大家供大家参考,具体如下: 有时候我们需要修改已经生成的列表,添加或者修改数据,noti ...

60秒倒计时实现的两种方式

60秒倒计时实现的两种方式相关推荐

最新文章

热门文章