源码如下(csdn提供了思路 , 多谢 ,第二个小程序项目,有惊无险(_。_):

 Page({
/**
* 页面的初始数据
*/
data: {
timer: '', //定时器名字
countDownNum: '5' //倒计时初始值
},
onLoad: function() {
this.countDown();
},
start: function() {
clearInterval(this.data.timer);
this.data.countDownNum = 6;
this.countDown();
},
countDown: function() {
let that = this;
let countDownNum = that.data.countDownNum; //获取倒计时初始值
//如果将定时器设置在外面,那么用户就看不到countDownNum的数值动态变化,所以要把定时器存进data里面
that.setData({
timer: setInterval(function() { //这里把setInterval赋值给变量名为timer的变量
//每隔一秒countDownNum就减一,实现同步
countDownNum--;
//然后把countDownNum存进data,好让用户知道时间在倒计着
that.setData({
countDownNum: countDownNum
})
//在倒计时还未到0时,这中间可以做其他的事情,按项目需求来
if (countDownNum == 0) {
//这里特别要注意,计时器是始终一直在走的,如果你的时间为0,那么就要关掉定时器!不然相当耗性能
//因为timer是存在data里面的,所以在关掉时,也要在data里取出后再关闭
clearInterval(that.data.timer); //关闭定时器之后,可作其他处理codes go here
}
that.data.countDownNum = 6;
}, 1000)
});
}
})

1. 在onload载入时,缓存list数据,开始计时,调用this.countDown();(到达60s以后,再次调用本身),即可实现每一题到达60s以后自动跳转到下一题 ->自动

2. 单题计时60s,点下一题时,清除上一题计时器,并且再次调用this.conutDwon() -> 手动;

最新文章

  1. Entity Framework Code First添加修改及删除单独实体
  2. css实现 当鼠标移到input的时候,input框出现阴影,当移动到button的时候,input框的阴影消失,button框出现阴影
  3. PWM波控制舵机总结
  4. 自制jQuery标签插件
  5. Count Primes - LeetCode
  6. .NET下dropdownlist的基本操作
  7. 超强封装的RichTextBox控件(C#源码)
  8. Visual Studio 内置快速生产代码简写集合
  9. mysql/tokudb安装
  10. spring mvc页面显示图片失败
  11. 关于B树B+树的详细解释——绝对精彩
  12. GDAL——命令使用专题——ogrinfo命令
  13. HTML5拍照、摄像机功能实战
  14. Python从菜鸟到高手(7):字符串
  15. Jmeter正则表达式提取器二(转载)
  16. DataStream_操作基本类型数据的流对象
  17. vuex实践之路——笔记本应用(二)
  18. php获取汉字拼音首字母的方法
  19. SimpleRoundedImage-不使用mask实现圆角矩形图片
  20. iOS 基于MVC设计模式的基类设计

热门文章

  1. 软工实践第八次作业——UML设计
  2. RNQOJ 开心的金明
  3. 洛谷9月月赛round2
  4. FreeBSD 用kgdb调试kernel dump文件
  5. php函数总结
  6. 心跳 CSS
  7. 汕头市队赛 SRM10 dp只会看规律 && bzoj1766
  8. hdu 1595(最短路变形好题)
  9. LeetCode OJ-- Balanced Binary Tree ***
  10. CAS统一认证系统学习