加载中 ...
首页 > 新闻资讯 > 小程序 正文

小程序执行倒计时功能

2019-07-31 10:06:18 来源:沈阳小程序开发 作者:沈阳软件开发

21708-1P32QF6064C.jpg

倒计时功能是一个相对常见的功能,例如用户需要获取验证码。这是微信小程序

中倒计时功能的简单实现

直接看一下代码

//倒计时60秒

函数countDown(that,count){

如果(count==0){

that.setData({

timeCountDownTop:'获取验证码',

计数:错误

})

返回;

}

that.setData({

计数:为真,

timeCountDownTop: count +''秒后检索,

})

的setTimeout(函数(){

计数 - ;

countDown(that,count);

},1000);

} 1234567891011121314151617181920

叫你需要倒计时的地方

页({

数据: {

计数:错误

},

//生成验证码

generateVerifyCode: function(){

Var that=this;

如果(!that.data.counting){

wx.showToast({

标题:'发送验证码',

})

//开始倒计时60秒

countDown(那,60);

}

},

})123456789101112131415161718

以下是对以下功能的实现的简要介绍

倒计时的第一种方法是在页面外写,这不是错误

实现倒计时的关键是setTimeout方法,它是下面的代码。可以将setTimeout方法设置为以指定的间隔执行函数。应用程序的格式为setTimeout(function(),time),function是要执行的对应方法,time是时间间隔,其中1000表示1000毫秒,即countDown方法每1秒执行一次。

的setTimeout(函数(){

计数 - ;

countDown(that,count);

},1000); 1234

countDown方法使用count字段设置倒计时时间,例如60秒

countDown方法也会传递它,以便在倒计时状态更改时使用setData方法更新页面。

countDown方法使用计数字段来确定它是否已经倒计时,避免重复的启动倒计时

倒计时的结束由计数判断,并直接通过返回退出

HiShop小程序工具提供多种类型的商城/商店小程序制作,可视化编辑1秒,在线生成5个步骤。通过拖动和拼接模块布局小程序商城页面,你可以看到你得到的东西,你只需要艺术家来制作一个漂亮的商场。更多小程序开发案例可在以下网址获得:http://www.hvihi.com/xiaocx/kaifa.html

< 汇海(www.hvihi.com)是国内知名的商城系统和商城网站建设提供商,其中汇海技术小程序系统提供小程序商城开发,小程序配送系统,微分配系统,商城系统,电子商务网站建设, 微信发行系统,小程序商城及其他多端商场和电子商务行业解决方案>

确认:这个文件和图像源网络编辑器的网站部分,如果有侵权及时通信删除。 汇海hvihi.com网站原创文章,请注明出处。

“沈阳软件公司”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与

我们联系删除或处理,客服QQ:55506560,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同

其观点或证实其内容的真实性。