您当前的位置: 首页 > 知识百科 > 微信小程序倒计时代码怎么写?

微信小程序倒计时代码怎么写?

时间:2023-07-01 14:05 阅读数:121 人阅读 分类:知识百科

  微信小程序是腾讯推出的一款新功能,它能帮助用户解决很多小麻烦。微信小程序如何进行倒计时?微信小程序倒计时代码是多少?今天小编将来给大家介绍一下微信小程序倒计时代码的相关内容,希望能对大家有所帮助。

  首先咱们先来看看效果图:

  看完上图是不是觉得有点心痒痒了,如果掌握了这项技能就又可以在小伙伴面前装装逼了。不要着急,看完如下操作就你就学会了。

  在js文件中调用

  

  运行验证下,从10走到1s,然后显示时间到。

  于是继续将毫秒完善,注意毫秒的步长受限于系统的时间频率,于是我们精确到0.01s即10ms

  js

  

  wxml文件

  

  如此,当秒级运行完毕时,毫秒级timer即clearTimeout,并将字本显示为'micro_second too'

  再添加一个countdown4micro方法,使得显示剩余 0:3:19 89这样形式的倒数

  

  如此这般,毫秒与时分秒是分别运行渲染的,再次改造,程序可读*更好。dateformat针对于毫秒操作,而不接受秒为数。同时还省却了计算100次为1s的运算

  

  经过如上优化,代码量减少一半,运行效率也高了。

  以上就是小编为您整理的有关微信小程序倒计时代码的内容,相信看了小编详细的介绍,大家一定有所收获吧。也欢迎大家在下方留言哦!如果您还想了解更多微信知识的话,欢迎访问微微风,更多微信公众号素材等着你!

  推荐阅读:

  微信小程序知识竞赛如何制作?怎么做知识竞赛

  微信小程序获取openid怎么做?小程序如何获取openid

  微信小程序传递数据怎么开发和实现?