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

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