自学系列（零基础学小程序）---小程序实现简单的倒计时

发布：2018-01-30 10:03浏览：次来源：网络作者：cola

基本实现功能

1，从60到0的倒计时效果

2，倒计时完毕后会有提示

先看效果图

其实实现代码很简单

[JavaScript]
<!--index.wxml-->  

<view class="container">  

 <text>倒计时: {{second}} </text>  

</view>

下面是相对应得js处理

 [JavaScript] 
//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);  

  }  

});

上一篇：微信小程序踩坑录：canvas，post请求，页面刷新

下一篇：微信小程序开发初探：我的第一个小程序

免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。

微信小程序开发工具常用快捷键2018-06-09
微信小程序架构分析《一》调试技巧，模块构成，理念分析2018-02-07
微信小程序架构分析《二》：view 模块和 service 模块的构成2018-02-07
微信小程序架构分析《三》：实现过程以及实时更新2018-02-07
梁兴臣:微信小程序开发三宗罪和解决方案2018-02-07
微信小程序使用Promise实践2018-02-07
微信小程序开发系列分析《一》视图层2018-02-07
微信小程序开发系列分析《二》数据层2018-02-07
微信小程序官方文档个人分析心得2018-02-07
微信小程序的原型设计尝鲜2018-02-07