小程序最最最基础编程之计时器使用
发表于: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);
},