在小程序中实现倒计时效果示例代码
程序员文章站
2022-04-10 19:22:23
...
通过简单的倒计时功能,来测试小程序开发平台中的页面及js代码直接的关系。
要实现的功能如下
1,从60到0的倒计时效果
2,倒计时完毕后会有提示
效果如下:
要实现的功能如下
1,从60到0的倒计时效果
2,倒计时完毕后会有提示
效果如下:
其实实现代码很简单
<!--index.wxml--> <view class="container"> <text>倒计时: {{second}} </text> </view>
下面是相对应得js处理
//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); }
以上就是在小程序中实现倒计时效果示例代码的详细内容,更多请关注其它相关文章!