微信小程序定时及延时

最新推荐文章于 2024-06-27 12:34:38 发布

That_Good_Good

最新推荐文章于 2024-06-27 12:34:38 发布

阅读量7.9k

点赞数

分类专栏：微信小程序文章标签：微信小程序微信小程序前端前端

本文链接：https://blog.csdn.net/qq_42182367/article/details/94831071

版权

本文介绍了在微信小程序中如何实现定时监控网络状态变化，以及在特定场景下使用延时处理来确保Toast提示和map组件显示的正确顺序。通过wx.onNetworkStatusChange API监听网络状态，设置定时器每2秒检查一次，网络状态改变时显示Toast。同时，展示了如何在延时操作中调用Toast并在其完成后展示map组件。

摘要由CSDN通过智能技术生成

定时

需求场景：每2秒监控一次网络状态的变化，并在网络状态由连接变为未连接、未连接变未连接时通过Toast进行提示。

监听网络状态的变化：微信小程序官方api——wx.onNetworkStatusChange

定时调用：

var interval = setInterval(function () {  
    console.log("不断调用")
    //需不断调用的操作
}, 1000)     //单位ms，会不断调用

取消定时调用：

clearInterval(interval)

每2秒调用一次网络变化监听接口，并通过Toast进行提示

//每隔2秒检查网络连接的变化
var interval = setInterval(function () {
    wx.onNetworkStatusChange(function (res) {    //api，网络状态发生变化时进入下列操作
        //网络状态的返回值res.networkType包括：wifi,2g,3g,4g,unknown,none
        //其中仅有为none时对应的res.isConnected为false，其余为true
        //由于不需要在例如由4g变为3g的时候进行T