微信小程序API之setInterval

- 日理万妓 2023-10-04 15:17 21阅读 0赞

### 微信小程序API之setInterval ###

wxml:

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 () {
        
    
        }
    })