视频讲解地址:https://edu.csdn.net/course/play/9531/265552
基本实现功能
1,从60到0的倒计时效果
2,倒计时完毕后会有提示
先看效果图
其实实现代码很简单
<!--index.wxml-->
<view class="container">
<text>倒计时: {{second}} </text>
</view>
下面是相对应得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);
}
});
源码地址:http://download.csdn.net/detail/qiushi_1990/9692072
更多微信小程序优秀源码:https://github.com/qiushi123/xiaochengxu_demos
也可以关注我的个人微信号,每天定期推送小程序最新开发技术,优秀源码,各种干货
关注上面微号回复1可以加千人小程序学习微信群,群里和大家交流学习,一起进步