微信小程序API之setInterval

微信小程序API之setInterval

wxml:

<button bindtap="mystart">开始计数</button>

<button bindtap="myend">结束计数</button>

js:

Page({

    /**
     * 页面的初始数据
     */
    data: {
        //存储计数器
        setInterval:'',
        num:0


    },
    mystart:function(options){
        var that=this
        //将计数器赋值给setInterval
        that.data.setInterval=setInterval(
            function(){
                var numVal=that.data.num+1;
                that.setData({
                    num:numVal,   //将numVal的值赋值给num
                    
                })
                console.log("当前计数："+that.data.num);
            },1000)
    },
    myend:function(options){
            var that=this
            clearInterval( that.data.setInterval)
    },
    fly:function(options){
        console.log(options);


    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
    /*     var a="mk";
        var timer=setInterval(this.fly,1000,a) */

    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})