小程序自學(xué)系列（零基礎(chǔ)學(xué)小程序001）---小程序?qū)崿F(xiàn)簡單的倒計時效果

基本實現(xiàn)功能

1，從60到0的倒計時效果

2，倒計時完畢后會有提示

先看效果圖

其實實現(xiàn)代碼很簡單

<!--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秒倒計時結(jié)束"
  });
  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

更多微信小程序優(yōu)秀源碼：https://github.com/qiushi123/xiaochengxu_demos

也可以關(guān)注我的個人微信號，每天定期推送小程序最新開發(fā)技術(shù)，優(yōu)秀源碼，各種干貨

有問題加我微信：2501902696（備注小程序）