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

基本實(shí)現(xiàn)功能

1，從60到0的倒計(jì)時(shí)效果

2，倒計(jì)時(shí)完畢后會(huì)有提示

先看效果圖

其實(shí)實(shí)現(xiàn)代碼很簡(jiǎn)單

<!--index.wxml-->
<view class="container">
 <text>倒計(jì)時(shí): {{second}} </text>
</view>

//index.js
// 從從60到到0倒計(jì)時(shí)
function countdown(that) {
 var second = that.data.second
 if (second == 0) {
  that.setData({
   second: "60秒倒計(jì)時(shí)結(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)注我的個(gè)人微信號(hào)，每天定期推送小程序最新開發(fā)技術(shù)，優(yōu)秀源碼，各種干貨

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