学习微信小程序时间延迟setTimeout和setInterval的使用方法

这篇具有很好参考价值的文章主要介绍了学习微信小程序时间延迟setTimeout和setInterval的使用方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

setTimeout()

setTimeout在使用的时候可以实现代码块延迟执行的效果,并且可以设置延迟执行的具体时间。请见如下代码:

setTimeout(function() {
     //要实现延迟执行效果的代码快
       this.qipa250();
    }, 1000);//设置延迟效果的具体时间

在程序执行到setTimeout时,根据预设的时间(单位是毫秒。例如2000,指的是2秒),时间结束执行“要实现延迟执行效果的代码块”对应位置的代码功能。

setInterval()

var number = 0
    var i = setInterval(function() {
        if(number == 5) {
          console.log('结束')
          clearInterval(i)
        }
          number++
          console.log(number)
    }, 1000);

在执行到setInterval代码时,在执行number++之后,延迟1秒,可以继续进入setInterval代码块,执行function(){}大括号中的代码功能。如果想要退出循环,需要clearInterval(),也就是将这个时间控制器销毁。文章来源地址https://www.toymoban.com/news/detail-662970.html

到了这里,关于学习微信小程序时间延迟setTimeout和setInterval的使用方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JavaScript定时器(setTimeout和setInterval)的用法技巧

    1.满足特定条件时才执行后续步骤。 核心代码: 案例图片: 场景解析:诸如 Promise 的情形,只有接口请求成功后才会执行下一步。有时候不方便使用Promise或者特定情形下,可以借助此定时器( setInterval )方法解决。 友情提醒:业务处理完成后,一定要 清空 ( clearInterval

    2024年02月15日
    浏览(47)
  • 定时器的设置和清除setTimeout、setInterval、setImmediate-NodeJs

    JS是单线程运行逻辑,所有的程序默认在一个线程执行,出现排队执行。所有的定时器中,回调函数会在主线程后事件队列中执行。              一次性定时器的 开启:当间隔时间到了,会调用 一次 回调函数,间隔时间的单位是毫秒。               var timer=setTimeout(回

    2024年02月04日
    浏览(45)
  • javascript中轮询一个接口的方法,setInterval和setTimeout + 递归、requestAnimationFrame

    轮询:就是定时重复请求一个接口,比如,我们想要知道一个订单的状态,就需要轮训订单状态的接口,查询到我们想要的结果 (支付成功或者失败) 就终止轮询。 方法一:setInterval 这个方法我们一般都能想到,用法很简单,但是这种方法,如果我们忘记了清空定时器就会导

    2024年02月16日
    浏览(53)
  • Vue3 setup语法糖销毁一个或多个定时器(setTimeout或setInterval)

    如果在页面/组件增加了定时器,就算跳转到其他页面,定时器也不会被清理,这时候就需要手动清理,不然会有意想不到的bug,也会影响性能。 setTimeout是只执行一次,setInterval是循环执行,以下是用setTimeout举例子,如果想要用setInterval,替换一次方法就行。 setTimeout替换成

    2024年02月13日
    浏览(52)
  • 【Vue3+Ts project】vant4 实现触发指定表单 rules校验、setTimeout和 setInterval 区别

      一.使用 vant组件  validate属性 实现 触发指定输入框rules校验 ,满足校验通过否则失败  1. 给form表单绑定 ref并定义值名称 ,然后为你想校验的表单绑定 name值 2.为ref的值名称定义变量名 ,然后 ref值名称.value.validate(\\\'name值名称\\\'),.then接收成功 , .catch 接收失败   二. setT

    2024年02月11日
    浏览(62)
  • 微信小程序自定义tabbar切换延迟以及切换闪烁问题

    首先,吐槽一番,官方bug,好多年了,一直不解决....那我们就自己解决.. 切换延迟就是点击tabbar时要点击两次icon才能正确选中,比如说首页要跳转到工单页面,要点击两次工单的图标才被激活; 解决: 在对应的要跳转的页面的show生命周期里面加上以下代码即可,selected是custom-tab-bar里

    2024年01月21日
    浏览(53)
  • 微信小程序支持h5实现webrtc h264 h265低延迟传输渲染

    微信小程序自成体系,自身也带了很强的rtc音视频能力,但是他捆绑了他自己的服务,开发也相对受限于他的api。基于以前的了解可以采webview的方式内嵌h5网址来实现自定义的webrtc.但实践起来并不轻松,主要是小程序的严格限制,各平台的兼容,不得不使出吃奶的力气来实现

    2024年02月04日
    浏览(38)
  • 微信小程序渲染实时时间

    总结一下自己怎么用JS初级的内容来写一个页面实时渲染时间的方法。 util.js文件代码如下: 例如,我要在index.js中引用util.js中的模块formatTime。那么,首先在index.js中定义变量util,使用require函数加载util.js文件。这里必须使用相对路径。 调用函数时,传入new Date()参数,返回值

    2024年02月11日
    浏览(52)
  • 微信小程序获取当前日期时间

    在小程序中获取当前系统日期和时间,可直接拿来使用的常用的日期格式 一般放入utils工具类    参考代码  示例

    2024年02月07日
    浏览(65)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包