setTimeout(func, time)可以使得每隔time毫秒就执行一次func函数,常用来做计时器/时钟。

下面是在微信小程序中的使用思路,只截取了关键部分代码:var timer; // 计时器

Page({  // ...省略

// 自定义的开始按钮  startBtn: function () {

console.log("开始按钮");

Countdown();

},

// 自定义的暂停按钮

pauseBtn: function () {

console.log("暂停按钮");

clearTimeout(timer);

},});// 倒计时function Countdown() {

timer = setTimeout(function () {

console.log("----Countdown----");

Countdown();

}, 1000);

};

思路:

setTimeout()延迟指定毫秒数后执行指定函数,可通过递归调用setTimeout()来实现各种计时器功能。

如果想做每秒钟刷新一次的时钟,只需每次执行时间转换函数并setData更新界面即可。

使用clearTimeout("定时器的名字")可以停下指定的计时器。

下面是Javascript关于时间的转换函数。// 秒数 --> 时:分:秒function formatTime(seconds) {    return [

parseInt(seconds / 60 / 60), // 时

parseInt(seconds / 60 % 60), // 分

parseInt(seconds % 60)       // 秒

]

.join(":")

.replace(/\b(\d)\b/g, "0$1");

}

另外,做定时重复调用函数的功能时,用setTimeOut()代替setInterval(),因为setInterval()是有误差的!

java定时器小程序_【微信小程序】使用setTimeout试试定时器相关推荐

  1. 微信公众账号后台怎么解除小程序_微信小程序解除绑定 微信小程序怎么授权...

    该如何注销小程序? 微信小程序目前无法取消,也是微信小程序最脆弱.最无助的地方.如果你确定你不想要这个小程序,你可以转移和改变主题和其中的所有信息,这样你的小程序就会变成别人的小程序,与你无关.相当于 ...

  2. 简单分享怎么开发自己的微信小程序_微信小程序快速制作步骤

    小程序开发除了专业人士会自己开发之外,就是外包开发和模板搭建这两种方法. 外包小程序开发需要持续不断地与外包团队沟通,投入的精力也不少,总体价格不低,基本在万元左右, 最适合新手的还是小程序模板搭建啦 ...

  3. 小程序向java后台发送图片_微信小程序在后台如何将二进制流转换成图片

    我在前端请求了小程序码返回的是一堆乱码, java不太熟网上找了一个方法可以将二进制流和图片互转,但是从微信小程序码接口获取的数据用这个方法无法获取正确的图片,不知道哪里有问题: 有没有只在前端就能获 ...

  4. java如何获取手机号码_微信小程序+Java获取用户授权手机号码

    前言 小程序内可以直接通过授权获取用户微信号绑定的手机号码或用户添加的其他手机号码,这样可以使得小程序在进行账户的身份可控上又提高了一步,那么应该如何来获取手机号码呢?这篇文章就和大家一起来研究一下. ...

  5. java实现音频播放小程序_微信小程序实现音频文件播放进度的实例代码

    问题描述 在微信小程序中经常会用到控制文件播放的滑块,通过滑块可控制音频播放进度,下面即用代码实现. 解决方案 首先用.wxml与 .wmss 代码实现进度条的效果,再通过 .js 文件控制进度条的进 ...

  6. JAVA制作弹出小广告的程序_微信小程序实现首页弹出广告

    本文实例为大家分享了微信小程序实现首页弹出广告的具体代码,供大家参考,具体内容如下 这个微信小程序首页广告demo 仅供有需要的参考 .wxml this is ad //事件 catchtouchm ...

  7. java反编译微信小程序_微信小程序反编译的实现

    首先声明:本文章仅供学习之用,不可它用. 一.前言 看到人家上线的小程序的效果,纯靠推测,部分效果在绞尽脑汁后能做出大致的实现,但是有些细节,费劲全力都没能做出来.很想一窥源码?查看究竟?看看大厂的前 ...

  8. php mysql特殊符号过滤微信小程序_微信小程序数据过滤(filter)方法

    因为微信小程序的wxml和js的内部实现机制是分开编译的.所以在wxml是没办法调用js的函数的.这会导致WXML缺少一个我们常用的功能,那就是没有办法在视图层对数据做一些特殊处理.比如我们从后端获取 ...

  9. style 对象 微信小程序_微信小程序中一些JS常识

    1.小程序中不支持HTTP请求,配置后台服务器域名只支持https(假设配置后,运行程序还是报域名配置问题,重启开发工具即可),图片地址可以用http. 2.支持请求网页,但是必须在微信公众平台小程序 ...

  10. windows模拟微信小程序_微信小程序的开发环境搭建(Windows版本)

    前言: 小程序是指微信公众平台小程序,小程序可以帮助开发者快速的开发小程序,小程序可以在微信内被便捷地获取和传播:是一种不需要下载安装即可使用的应用小程序,和原有的三种公众号是并行的体系.2017年1 ...

最新文章

  1. Android Fragment 深度解析
  2. Spring Boot2.x-14 使用Prometheus + Grafana 实现可视化的监控
  3. Algorithm:【Algorithm算法进阶之路】之算法中的数学编程相关习题(时间速度、进制转换、排列组合、条件概率、斐波那契数列)
  4. cocos2d-x游戏开发(五)神奇的自动释放
  5. 一 MVC - HtmlHelper
  6. python3 for sum_Python for循环和“sum13”方法
  7. 12 个月 vs. 1 个月,你的年终奖是多少?
  8. 2005年1月8日——最伤心的一天
  9. mvvm绑定checkbox wpf_WPF(MVVM)菜单中的互斥(和可绑定)复选框
  10. 【转】十大抢手的网站压力测试工具
  11. 可行性分析报告模板(免费)
  12. 拳王虚拟项目公社:2020已过半,请不要再混日子了!
  13. AutoCAD如何方便截图放到Word文档,改成白底黑字
  14. 手机开机启动慢是什么原因_手机开机的速度太慢怎么办
  15. android 电视qq视频,腾讯视频电视版安
  16. 无线通信系统的基本结构
  17. CentOS7中使用yum安装php5.6的方法
  18. 阿里放弃SpringCloud、Dubbo,选择的这个神仙框架!牛逼
  19. 小米手环APP 失败:Failure [INSTALL_FAILED_OLDER_SDK] 原因
  20. python写cadance skill_《Cadence 16.6电路设计与仿真从入门到精通》——2.5 Design Entry HDL原理图图形界面...

热门文章

  1. vim使用zsh_使用zsh,坚固的DevOps工具,Python库,vim,shell dotfile,Linux命令等来提高生产力
  2. 如何在Linux上运行Windows软件?
  3. JavaScript中forEach、for-in、for-of循环的比较
  4. 学习 | Node.js 之定时任务
  5. go语言php编译,Golang模板编译引擎FET
  6. python reduce求和_Tensorflow 的reduce_sum()函数到底是什么意思,谁能解释下?
  7. roobo机器人怎么唱歌_日本推出机器人“妻子”,拥有3大功能,能替代真人伴侣吗?...
  8. 计算机专业简历中技能特长怎么写,简历上特长技能应该怎么填写
  9. PHP中如何判断属性类型,php – 如何获取doctrine实体属性的类型
  10. python批量导入网页信息_python批量导入数据进Elasticsearch的实例