小程序计时器

迈不过友情╰ 2023-05-31 03:17 30阅读 0赞

**1.引入插件timer.js**

var Timer= require(’…/…/utils/timer.js’);

**2.在 onLoad 周期初始化，第二个参数17为需要计时的总秒数**

onLoad: function () \{

this.timer= new Timer(this,17);

\}  
**3. 在任意的方法中，调用start方法触发倒计时**

this.timer.start();

**4. timer.js 代码如下**

// 倒计时
    class Timer{ 
      constructor(page, second) { 
        this.page = page;
        this.page.setData({  time: second});
    	 this.initSeconds = second;
      }
      start() { 
        console.log('进入倒计时');
        var that = this;
        var seconds = that.initSeconds;
        that.page.setData({   time: seconds});
        let promise = new Promise((resolve, reject) => { 
          let setTimer = setInterval(
            () => { 
              seconds -= 1;
              that.page.setData({ 
                time: seconds,
              })
              if (seconds <= 0) { 
                that.page.setData({ 
                  time: '0'
                })
                resolve(setTimer)
              }
            }
            , 1000)
        })
        promise.then((setTimer) => { 
    	  console.log('清除计时器');
          clearInterval(setTimer)
        })
      }
    }
    module.exports = Timer;

发表评论取消回复

表情：

评论列表（有 0 条评论，30人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序开发秒表计时器

[https://www.jianshu.com/p/c61028d7d509][https_www.jianshu.com_p_c61028d7d509] [https:/

叁歲伎倆/ 2023年07月19日 12:22/ 0 赞/ 142 阅读

相关小程序计时器

1.引入插件timer.js var Timer= require(’…/…/utils/timer.js’); 2.在 onLoad 周期初始化，第二个参数17为需要计时

迈不过友情╰/ 2023年05月31日 03:17/ 0 赞/ 31 阅读

相关 C#计时器，记录程序运行时长

C\计时器，记录程序运行时长 1. `System.Diagnostics.Stopwatch stopwatch = new Stopwatch();` 2. `s

￡神魔★判官ぃ/ 2022年12月29日 00:21/ 0 赞/ 446 阅读

相关微信小程序计时器开始和结束功能

1，微信小程序计时功能，点击开始计时 ![20201130142915109.png][] 2，wxml <view class='tip'>计时器{

叁歲伎倆/ 2022年12月25日 03:53/ 0 赞/ 249 阅读

相关 uniapp小程序利用vuex实现计时器刷新不重置

js import { setStorageSync, getStorageSync } from '@/common/utils/storage.

- 日理万妓/ 2022年11月07日 05:57/ 0 赞/ 339 阅读

相关小程序写计时器

let t; Page({ onLoad: function (options) { this.queryTime(); }

快来打我*/ 2022年09月02日 13:44/ 0 赞/ 258 阅读

相关计时器

实现一个打点计时器，要求 1、从 start 到 end（包含 start 和 end），每隔 100 毫秒 console.log 一个数字，每次数字增幅为 1 2、

Love The Way You Lie/ 2022年06月03日 23:59/ 0 赞/ 313 阅读

相关计时器

package MYDemo; /定义一个计时器，点击开始按钮以后开始运行，每隔1ms开始计时，点击停止按钮停止计时，计时器常用time

川长思鸟来/ 2022年03月31日 14:23/ 0 赞/ 388 阅读

相关计时器程序

package MYDemo; import javax.swing.; import java.awt.HeadlessException;

不念不忘少年蓝@/ 2021年12月16日 06:19/ 0 赞/ 421 阅读

相关用Python开发计时器程序的简单步骤

![640?][640]图形界面首先，我们使用 Qt Designer 来设计计时器的图形界面，参考如下：左边画三个按钮，分别命名为：开始、暂停、清零。右边画一个标签，文本

你的名字/ 2021年09月18日 14:16/ 0 赞/ 643 阅读