<!--index.wxml-->
<view class="container">
? <view wx:if="{{hidden}}">
? ? <view class="title"> 計時器</view>
? ? <view class="play"> {{num}}</view>
? ? <view class="btn">
? ? ? <button bindtap="start"> 開始計時</button>
? ? ? <button bindtap="stop">停止計時</button>
? ? </view>
? </view>
</view>

// index.js
// 獲取應(yīng)用實例
var num = 60;//定義開始秒數(shù)
//定義一個布爾變量，用于停止計時器
var ynStop=false;
Page({
? data: {
? ? //用于顯示計算器
? ? hidden: false,
? ? num: num
? },
? //渲染出計時器
? onLoad() {
? ? //function里直接用this會出錯
? ? var that =this
? ? //延時顯示函數(shù)
? ? setTimeout(function(){
? ? //設(shè)置隱藏屬性為否
? ? that.setData({
? ? ? hidden:true
? ? })
? }
? //設(shè)置延時為2s
? ? , 2000);
? },
?
? start: function () { //開始計時函數(shù)
? ? //設(shè)置顯示器值為當前值減一
? ? this.setData({
? ? ? num: num--
? ? })
? ? //調(diào)用timer函數(shù)
? ? this.timer()
? ? //后臺打印num值
? ? console.log(num)
? },
?
? stop: function () { ?//停止函數(shù)
? ? //將是否停止循環(huán)值定義為真
? ? ? ynStop=true;
? ? console.log(ynStop)
? },
? timer: function () { //計時函數(shù)
?
? ? if (num > 0&&ynStop==false) {
? ? ? //隔一秒回調(diào)start函數(shù)，注意setTimeout里函數(shù)不要加括號，或者用function（）{}
? ? ? setTimeout(this.start, 1000);
? ? } else {
? ? ? this.setData({
? ? ? ? num: 0
? ? ? })
? ? }
? }
})