微信小程序> 微信小程序中计时器-微信计时器提示窗-小程序倒计时功能

微信小程序中计时器-微信计时器提示窗-小程序倒计时功能

浏览量:1647 时间: 来源:lucky--smile
1.

原文链接:http://www.jianshu.com/p/3e754df548c4

2.

用于实现时分秒自增显示

3.

wxml页面:

4.

textclass'marright'{{hours}}:{{minute}}:{{second}}/text

5.

js代码:

6.

page({data:{hours:'0'+0,//时minute:'0'+0,//分second:'0'+0//秒},onLoad:function(options){//调用函数this.setInterval()},//计时器setInterval:function(){constthatthisvarsecondthat.data.secondvarminutethat.data.minutevarhoursthat.data.hourssetInterval(function(){//设置定时器second++if(second60){second0//大于等于60秒归零minute++if(minute60){minute0//大于等于60分归零hours++if(hours10){//少于10补零that.setData({hours:'0'+hours})}else{that.setData({hours:hours})}}if(minute10){//少于10补零that.setData({minute:'0'+minute})}else{that.setData({minute:minute})}}if(second10){//少于10补零that.setData({second:'0'+second})}else{that.setData({second:second})}},1000)},})

7.

效果图:,会自增

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎