您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

在小程序中实现倒计时效果示例代码

2024/6/10 17:20:16发布13次查看
通过简单的倒计时功能,来测试小程序开发平台中的页面及js代码直接的关系。
要实现的功能如下
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); }
以上就是在小程序中实现倒计时效果示例代码的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product