【js】用js定时循环执行语句和定时延缓执行

Bertha 。 2021-06-24 15:58 369阅读 0赞

最近在项目中，需要使用到站内信的消息推送方式在网站中给用户推送消息，就是在页面有下角推送一个弹窗，这里需要我们定时去后台查询是否有消息推送过来，所以需要在JS层面进行定时执行查询的任务。

这里用到了JS的两个函数方法，一个是setInterval，一个是setTimeout，这两个函数在使用上要如何处理呢，下面分别讲一下：

## 1、setInterval ##

setInterval这个函数有很多的参数，大家可以自行查询一下w3school，这里不再赘述，主要讲一下两种模式使用这个函数。

**一、是直接写我们要执行的函数在里面，不带外部参数：**

setInterval(function(){alert("Hello")}, 3000);

第一个参数是我们要执行的js代码，也可以调用其他的function，比如：

function myFunction() {
        setInterval(alertFunc, 3000);
    }
     
    function alertFunc() {
        alert("Hello!");
    }

第二个参数是间隔的时间，单位是毫秒，3000就代表间隔是3秒的时间。

**二、可以带外部参**

setInterval(function, milliseconds, param1, param2, ...)

例如：

var str1='Hello';
    var str2='World';
    setInterval(function(){alert({0}+' '+{1})}, milliseconds, str1, str2)

怎么样，是不是感觉这个函数非常简单？

## 2、setTimeout ##

这个函数，主要是用于延迟执行某段js的时候使用的，参数比较少，使用比较简单，和setIterval的第一种方法一样，它也是有两个参数：

setTimeout(function(){alert("Hello")},1000);

同样第一个是执行对象，第二个是延时时长。但是这里有需要注意的地方：

1、在setTimeout这条语句执行完成之后会立即进入倒计时状态，所以我们想要设置间隔输出的话，需要在延时时间上面做手脚。

2、在延时时间到了之后，执行的第一个参数中的js语句，所取的是执行时间到了之后的参数所代表的数值，比如我之前写过一个代码，用i代表数组内的元素，结果只是执行的时候只是输出最后一个，例如：

Array[] strList={'tip1','tip2','tip3','tip4','tip5','tip6'}
    for(var i=0;i<strList.length;i++){
         setTimeout(function(){alert(strList[i])},3000);
    }

如果我们的代码这样写的话，只会输出6遍tip6，并且是在3秒到了以后一块输出。正确的方式是这样的

Array[] strList={'tip1','tip2','tip3','tip4','tip5','tip6'}
    var j=0;
    for(var i=0;i<strList.length;i++){
         setTimeout(function(){alert(strList[j]);j++;},1000*i);
    }

这样就可以了。

发表评论取消回复

表情：

评论列表（有 0 条评论，369人围观）

还没有评论，来说两句吧...

相关阅读

相关 js设置定时循环执行某任务

上一篇文章介绍了在一个固定的时间点来执行某个任务，这次通过javascript的方法来设置定时循环执行某任务。方法之一就是使用setInterval来处理，设定时间重复执行。

青旅半醒/ 2024年03月16日 21:07/ 0 赞/ 70 阅读

相关 PHP定时任务 - PHP自动定时循环执行任务实例代码

PHP定时任务已使用测试，现在已经趋于稳定，效果良好。本功能需要配合监控宝，360监控等使用。创建监控WEB项目，指定到任务主文件URL！如果没有Memcache可以创建tex

末蓝、/ 2023年08月17日 17:16/ 0 赞/ 165 阅读

相关 node.js 定时执行git pull

node.js 定时执行git pull 有时候需要定时执行git pull 的操作效果图： ![1340563-20190822174301323-160472

缺乏、安全感/ 2023年06月04日 12:53/ 0 赞/ 42 阅读

相关 java定时某天执行任务_用java执行每天定时任务

public class TimerManager \{ //时间间隔 private static final long PERIOD\_DAY = 24 \ 60 \

分手后的思念是犯贱/ 2022年10月23日 01:53/ 0 赞/ 338 阅读

相关 android后台定时执行任务,后台执行的定时任务

Android 中的定时任务一般有两种实现方式，一种是使用 Java API 里提供的 Timer 类，一种是使用 Android 的 Alarm 机制。这两种方式在多数情况下

朱雀/ 2022年10月17日 11:22/ 0 赞/ 448 阅读

相关 linux下定时执行sql语句

一写需要执行的sql文件执行命令： \ vim updata.sql 内容： update t\_channel\_

╰半夏微凉°/ 2022年08月18日 00:44/ 0 赞/ 283 阅读

相关 vbs定时执行

vbs定时执行为了避免多次点击重复执行，首先要判断是否已经在运行wscript.exe Dim OK set bag=getobject("winmg

水深无声/ 2022年06月14日 02:16/ 0 赞/ 309 阅读

相关 JAVA规定时间循环定时执行某个任务

在我们做web项目的时候有些需求需要我们定时每周每天执行什么任务,这里给大家介绍一种方式,我就直接贴代码 web.xml <listener>

Bertha 。/ 2022年04月14日 06:29/ 0 赞/ 320 阅读

相关定时执行vacuum

写一个dat格式文件，内容如下： @echo off echo PostgreSQL8.4 Version is starting echo Please wait

浅浅的花香味﹌/ 2022年02月05日 05:51/ 0 赞/ 219 阅读

相关【js】用js定时循环执行语句和定时延缓执行

最近在项目中，需要使用到站内信的消息推送方式在网站中给用户推送消息，就是在页面有下角推送一个弹窗，这里需要我们定时去后台查询是否有消息推送过来，所以需要在JS层

Bertha 。/ 2021年06月24日 15:58/ 0 赞/ 370 阅读