作者:书友55918792 | 来源:互联网 | 2017-05-11 02:02
通过简单的倒计时功能,来测试小程序开发平台中的页面及js代码直接的关系。
要实现的功能如下
1,从60到0的倒计时效果
2,倒计时完毕后会有提示
效果如下:
其实实现代码很简单
倒计时: {{second}}
下面是相对应得js处理
//index.js
// 从从60到到0倒计时
function countdown(that) {
var secOnd= that.data.second
if (secOnd== 0) {
that.setData({
second: "60秒倒计时结束"
});
return ;
}
var time = setTimeout(function(){
that.setData({
second: second - 1
});
countdown(that);
}
,1000)
}
Page({
data: {
second: 60
},
onLoad: function() {
countdown(this);
}
以上就是在小程序中实现倒计时效果示例代码的详细内容,更多请关注 第一PHP社区 其它相关文章!