微信小程序如何延时？定时？后执行一段代码？（坑记）

Posted 2023-04-07 盒子桥

小记：

近期在学习微信小程序参与一个自己的嵌入式控制项目，前端所了解的不深，遇到好些问题，就在这里，零零碎碎做一些笔记。

下面就微信小程序比较常用的几个延时和定时函数的使用笔记

1、setTimeout（）

微信小程序的延时函数位setTimeout（），现在我们来利用该函数，两秒后打印一次“hello”。

 setTimeout(
      
         console.log("hello World");
      , 2000)

如果这样写会提示console.log该函数未定义，不管在里面写什么代码好像都会报错然后程序卡在那里。

正确的写法是这样子的：

 setTimeout(()=>
   
     console.log("hello World");
   , 2000)

这里要注意的一点就是里面需要添加（）=>你的代码。

 setTimeout(()=>//不能缺少
      
         //你不需要执行的代码
      , 你所需要延时的时间（ms）)

如果想在某个条件下不在执行这个延时执行函数，可使用如下函数清除该延时函数

clearTimeout() 

2、setInterval（）

类似于前面那个函数的调用凡事，该函数类似于设置一个定时器中断，现在我们做一个实例：每两秒一个周期在控制台打印输出Hello World

 setInterval(()=>
      
         console.log("Hello World");
      , 2000); 

常用的语法规则：

 setInterval(()=>//不可缺少
      
         //你所需要延时的时间执行的代码段
      , 延时时间（ms）); 

如果需要打断或者结束该定时器中断可以为该定时器中断设定一个名称后只用clearInterval();

var common_Interval = setInterval(()=>
      
         console.log("hello World");
      , 2000)

clearInterval(common_Interval);  

——————

希望小记对你有所帮助哦！

微信小程序 延时执行 延时跳转

在微信小程序开发中，经常会遇到这样的需求：当用户操作后，我们需要先提醒用户操作成功，然后再进行页面跳转，这时候我们就需要用到setTimeout()来实现。

success(res)
        wx.showToast(
          title: '修改成功',
          icon:'success',
          duration:1500
        )
        
        setTimeout(
          function() //注意function这里不能缺少
            wx.navigateBack(
              delta: 1,
            )
          ,1500)