小程序自学系列(零基础学小程序001)---小程序实现简单的倒计时效果
基本实现功能
1,从60到0的倒计时效果
2,倒计时完毕后会有提示
先看效果图
其实实现代码很简单
<!--index.wxml--> <view class="container"> <text>倒计时: {{second}} </text> </view>
//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
也可以关注我的个人微信号,每天定期推送小程序最新开发技术,优秀源码,各种干货
有问题加我微信:2501902696(备注小程序)