当前位置:首页 > 日记 > 正文

微信小程序实现倒计时60获取验证码

微信小程序实现倒计时60获取验证码
本例为您分享微信倒计时小程序供您参考得到具体的代码,供大家参考,详情如下
1、工具类(工具类引用的WeChat程序)
countdown.js
班上倒数{
构造函数(选项= { })
object.assign(,{
选项,
})
这__init()。
}

*初始化
* /
__init(){
this.page = getcurrentpages(){ getcurrentpages()。长1 }
this.setdata = this.page.setdata.bind(本页)
This.restart(这个选项)
}

*默认参数
* /
将ALOM变量设置成默认值(){
返回{
戴特:` 2087年6月7日15:03:25 `,
刷新:1000,
偏移量:0,
OnEnd(){ },
渲染(日期){ },
}
}

*合并参数
* /
mergeoptions(选项){
const违约期权= this.setdefaults()
为了(让我在违约期权){
如果(defaultoptions.hasownproperty(I)){
这个选项{我} {我} = =类型选项`定义`选项{我} {我}:违约期权!
如果(我`日期this.options.date = = = `类型!=对象{
this.options.date =新的日期(这个选项的日期。)
}
如果(typeof这个选项{我} = `功能`){
这个选项。
}
}
}
如果(typeof this.options.date!=对象{
this.options.date =新的日期(这个选项的日期。)
}
}

*日期差的计算
* /
getdiffdate(){
让差异=(this.options.date.gettime()Date.now()+这个选项。偏移) / 1000
让datedata = { {
年数:0,
天数:0,
时间:0,
最小值:0,
SEC:0,
:0毫秒,
}
如果(差异< = 0){
如果(此区间){
This.stop()
This.options.onEnd()
}
返回datedata
}
如果(= =(365.25×86400)){
datedata.years = math.floor(差异/(365.25×86400))
差异= datedata.years * 365.25 * 86400
}
如果(差异> = 86400){
datedata.days = math.floor(diff / 86400)
差异= datedata.days * 86400
}
如果(差异> = 3600){
datedata.hours = math.floor(diff / 3600)
差异= datedata.hours * 3600
}
如果(差异> = 60){
datedata.min = math.floor(diff / 60)
差异= datedata.min * 60
}
datedata.sec = math.round(差异)
datedata.millisec =差异% 1 * 1000
返回datedata
}

*补零
* /
leadingzeros(num,长度= 2){
字符串(努姆)
如果(num.length >长度)返回num
返回(数组(长度+ 1)。加入(` 0 `)+ Num)。Substr(长)
}

*更新组件
* /
更新(newdate){
this.options.date = typeof newdate = ` `新对象!Date (newDate): newDate
This.render()
返回此
}

*停止倒计时
* /
停止(){
如果(此区间){
ClearInterval(这个区间)
this.interval =!一
}
返回此
}

*渲染组件
* /
渲染(){
This.options.render(this.getdiffdate())
返回此
}

*开始倒计时
* /
开始(){
如果(这个时间间隔)返回!一
This.render()
如果(此选项。刷新){
(setInterval)(this.interval = = > {
This.render()
},这个选项。刷新)
}
返回此
}

*更新偏移
* /
updateoffset(偏移){
this.options.offset =偏移
返回此
}

*重启进入倒计时
* /
重新启动(选项= { })
this.mergeoptions(选项)
this.interval =!一
This.start()
返回此
}
}
出口默认倒计时

2、部分wxml:
将C2 | |获取验证码} }

3部分JS:
进出wuxcountdown from'countdown /倒计时
出口{
wuxcountdown美元,
}
进口{ $ wuxcountdown }从'。 / / /无锡成分的。
Vcode:函数(){
如果(this.c2这。C2。间隔)返回!一
this.c2 =新wuxcountdown美元({
日期:+(新日期)+ 60000,
OnEnd(){
this.setdata({
C2:重新获得验证码,
})
},
渲染(日期){
const秒= this.leadingzeros(date.sec,2)+重发后的秒
Date.sec(this.setdata = = 0 {!
秒,
})
},
})
}
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。

相关文章

刺客信条:革命游戏有时是开不开的。

刺客信条:革命游戏有时是开不开的。

信条,不开,刺客,游戏,电脑软件,问题: 最近,我在电脑上玩《刺客信条:大变革游戏》,发现菜单有时开不开,地图上也出现了问题。升级图形驱动程序也不好。我不知道发生了什么事。 答案uff1a 根据计算机的分析,你可以使用AMD的显卡,和刺客信条:革命是N…

移动电话的NFC标签(解决方案)之间有

移动电话的NFC标签(解决方案)之间有

解决方案,标签,移动电话,区别,电脑软件,问题: 移动电话的NFC标签之间有区别吗有什么功能复合和简单点吗 答案uff1a 是的,移动NFC标签也有大小的大小,例如:144字节和888字节。后者具有更大的容量和更多的命令。一些复杂的定制项目需要这样大容…

Howthethousandbitdelimiterdigita

Howthethousandbitdelimiterdigita

电脑软件,一千位机在日常财务数据的处理过程是非常有用的,用户可以使用excel2010一千位分隔在细胞数。以下是设置为千位分隔符的数字格式,excel2010你带来给你,希望对你有帮助。 一千位分隔符的数字格式设置excel2010 在开始;函数区域设置千…

如何在Word2007文档表使用一个平均

如何在Word2007文档表使用一个平均

文档,平均,如何在,电脑软件,在Word2007表格,用户可以将所有的行或列的实际需求的基础上不改变表的总大小,使表的外观更加整齐、均匀。以下是一个平均分布行或列在Word2007文档形式,由小编辑了给你。我希望能帮助你。 在Word2007文档表的行或…

ps快速简便合成。

ps快速简便合成。

简便,快速,电脑软件,ps,PS图片是专业在线ps照片处理,调整和美化你的形象。一些语言上的障碍,但相信PS精通是没有问题的。教你轻松制作一张图片,和PS主要由像素的数字图像。 步 1、上传的图片,你会使用它,然后复制并使用the'patch工具删除鞋带…

oracle数据库分页的集中式方法(三种

oracle数据库分页的集中式方法(三种

方法,数据库分页,三种,集中式,电脑软件,页面在项目中使用,下面是oracle分页的方法。 ROWNUM伪列 查询的前10条记录 {语句} SELECT * FROM t_user T在rownum 根据学生ID排名,抓取前三个记录。 不使用rownum >(大于1的值),> =(大于或等于1的值),=(…

WeChat的保存在微信保存

WeChat的保存在微信保存

电脑软件,WeChat,在使用微信聊天,有时朋友会发一些照片,保存后,如何查看存储位置下面,小编辑将引入微信图像保存方法和存储路径地址给你,希望对你有帮助。 查看的方式来挽救一个微信图片的位置 1。与朋友打开聊天界面 看看微信图片1步保存位…

和PS图象处理软件橡皮擦工具作用的

和PS图象处理软件橡皮擦工具作用的

作用,工具,图象,处理软件,功能,橡皮擦工具组由橡皮擦、背景橡皮擦和魔术橡皮擦工具组成,现在详细描述了工具组的功能和效果。 1。现在背景是白色的,并锁定所有图层。 2,背景色为白色层,将背景色填充到 3,按Ctrl键双击图层背景图层到普通图层。 …

MySQL服务1067错误解决方案:修改MyS

MySQL服务1067错误解决方案:修改MyS

修改,服务,可执行,错误解决方案,文件路径,今天MySQL服务1067错误设置使用系统帐户无法启动MySQL,看后面的认证配置信息系统,启动文件是在安装路径是mysql发现(也拼写MySQL的安装,卸载,直接安装新的会出错之前),他打算MySQL现在修改可执行文件路径…

Dreamweaver如何向网页添加符号/横

Dreamweaver如何向网页添加符号/横

网页,符号,电脑软件,Dreamweaver,Dreamweaver如何向网页添加一个符号/横线当你设计一个网页时,你想在网页上添加一些东西。你怎么加它让我们来看看详细的教程。 软件名称:Adobe Dreamweaver CC 2017 v17.0中文破解版(附破解补丁)64位软件大小:7…

正则表达式m修饰符(多行匹配)

正则表达式m修饰符(多行匹配)

修饰符,正则表达式,电脑软件,正则表达式m修饰符: M修饰符指定正则表达式可以执行多行匹配。 m修饰符用于修改正则表达式中的表达式和表达式,从而表示行的开头和结尾。 在默认状态下,一个字符串只有一个开始,而不管行是否改变,都结束$。如果我…

PS极坐标滤波器的无限展开

PS极坐标滤波器的无限展开

无限,滤波器,极坐标,电脑软件,PS,充分利用PS的极坐标滤波器(极坐标)往往会得到意想不到的结果。许多外国设计师在做抽象的视觉作品时会用到它。 PS极坐标滤波器的无限展开 以下是你刚才做的三个练习。我希望能和你沟通。 具体的生产方法将…