热门IT资讯网

小程序最最最基础编程之计时器使用

发表于:2024-11-29 作者:热门IT资讯网编辑
编辑最后更新 2024年11月29日,对于JS编程高手可略过此文,仅供新手学习参考。问题打开微信小程序,随便创建一个页面(不妨设置为test)。然后,在test.js文件中加入如下代码:data: {times: 0},/**生命周期函数

对于JS编程高手可略过此文,仅供新手学习参考。

问题

打开微信小程序,随便创建一个页面(不妨设置为test)。然后,在test.js文件中加入如下代码:

data: {
times: 0
},

/**

  • 生命周期函数--监听页面加载
    */
    onLoad: function (options) {
    var that = this;

    var term = setInterval(function () {
    console.log('times:',that.data.times);
    if (that.data.times ===3) {
    clearInterval(term);
    console.log('END...');
    }else{
    that.setData({ times: ++that.data.times})
    }
    }, 1000);
    },

    请问:控制台的输出结果如何?

如果把上述代码完全替换为如下:
data: {
times: 0
},

/**

  • 生命周期函数--监听页面加载
    */
    onLoad: function (options) {
    var that = this;

    var term = setInterval(function () {
    console.log('times:',that.data.times);
    if (that.data.times ===3) {
    clearInterval(term);
    console.log('END...');
    }else{
    that.setData({ times: that.data.times++})
    }
    }, 1000);
    },

请问:控制台的输出结果又将如何?

[参考答案]自己试去......

0