怎么让setInterval传递参数

最新推荐文章于 2021-12-24 11:54:40 发布
原创 最新推荐文章于 2021-12-24 11:54:40 发布 · 3.8k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种在JavaScript中封装setInterval函数的方法，使得能够向定时器回调函数传递参数。通过这种方式，开发者可以更加灵活地使用setInterval来实现各种定时任务。 
//setInterval默认不能传递参数，可以封装一个函数把变量放在一个无参函数内再返回
var _setInterval=setInterval;
	setInterval(timerr,1000,$('.last_time'));
	window.setInterval=function(callback,time,params){
		var params=Array.slice.apply(arguments,2);
		var _callback=function(){
			callback.apply(null,params);
		}
		_setInterval(_callback,time);
	}










                

        

    



  



    



                



	

		

			

				
					
JavaScript中setInterval的参数传递个人归纳

				
			

			

				

					laugh666的博客
				

				

					09-19
					
					807
					
				

			

		

		

			
				
在JavaScript中，setInterval函数是一个常用的定时器函数，可以周期性地执行指定的代码。通过上述示例，我们可以看到setInterval函数的参数传递方式有多种选择：使用匿名函数、箭头函数或bind方法。通过使用匿名函数作为setInterval的第一个参数，我们可以传递任意数量的参数给要执行的代码块。另一种传递参数的方式是使用bind方法。bind方法创建一个新的函数，将指定的参数绑定到该函数的上下文中。这段代码与前一个示例中的代码实现的功能完全相同，只是使用了箭头函数代替了匿名函数。

			
		

	



                

            
              



	

		

			

				
					
使用自定义setTimeout和setInterval使之可以传递参数和对象参数

				
			

			

				

					12-09
				

			

		

		

			
				
/****************************************************** // // 功能: 修改window.setTimeout,使之可以传递参数和对象参数 // 使用方法: window.setTimeout(回调函数,延迟时间,参数1,参数n) // ******************...

			
		

	



              


  
              

                


	

		

			

				
					
在setInterval函数中传递参数

				
			

			

				

					asdfgh0077的博客
				

				

					07-04
					
					2457
					
				

			

		

		

			
				
Please advise how to pass parameters into a function called using setInterval . 请告知如何将参数传递给使用setInt

			
		

	





	

		

			

				
					
setInterval传参数实践

				
			

			

				

					weixin_30772261的博客
				

				

					07-15
					
					256
					
				

			

		

		

			
				
方法采用博客https://blog.youkuaiyun.com/iteye_7932/article/details/82520685
方法1：测试后，可用，可以重复调用方法，并且timer1为23，因此可以停止定时器。

var timer1;
var jfkdjfk;
StartInterval.onclick=function(){
console.log('startInterval...

			
		

	



		

			
		



	

		

			

				
					
setInterval 回调函数传参数

				
			

			

				

					xiaokanfuchen86的博客
				

				

					01-20
					
					6354
					
				

			

		

		

			
				
关于setInterval方法的详细用法可以参阅JavaScript setInterval()一章节。

其实在上述文章也涉及到为回调函数传参数，不过很多朋友关注点在传参本身。

下面就通过代码实例介绍一下如何为回调函数传参数。

一.错误传参方式举例：

下面看一个比较常见的错误传参方式，代码实例如下：





[JavaScript] 纯文本查看 复制代码运行代码


			1

			2

			3

			4
			
			
			function func(){

			console....

			
		

	





	

		

			

				
					
setInterval参数传递

				
			

			

				

					white_smile的专栏
				

				

					11-05
					
					646
					
				

			

		

		

			
				
/**
 *测试方法 
 */
function test() {
	
	var i = 1;
    setInterval(function() {
    	interalRun(i);
    	i ++;
    }, 1000);

}

function interalRun(i) {
    $('#span'+i).html('AA' + i);
}

			
		

	





	

		

			

				
					
JS中setInterval、setTimeout不能传递带参数的函数的解决方案

				
			

			

				

					10-27
				

			

		

		

			
				
 使用函数名字符串的方式可以传递参数，但这种方法的缺点是参数不能在运行时动态改变。例如：  ```javascript  setInterval("foo(id)", 1000);  ```  这里，`id` 的值在定时器创建时就被固化了，无法在之后的执行中...

			
		

	





	

		

			

          精选资源
				
					
精解window.setTimeout()window.setInterval()使用方式与参数传递问题！

				
			

			

				

					01-19
				

			

		

		

			
				
这是我们常常会使用方法setInterval或setTimeout，但是由于这两个方法是由脚本宿主模拟出来的Timer线程，在通过其调用我们的方法是不能为其传递参数。 我们常用的使用场景是： 代码如下:window.setTimeout(...

			
		

	





	

		

			

				
					
JS中setInterval、setTimeout不能传递带参数的函数的解决办法

				
			

			

				

					weixin_34343000的博客
				

				

					11-22
					
					470
					
				

			

		

		

			
				
在JS中无论是setTimeout还是setInterval，在使用函数名作为调用句柄时都不能带参数，而在许多场合必须要带参数，这就需要想方法解决。
一、采用字符串形式：——（缺陷）参数不能被周期性改变
setInterval("foo(id)",1000);二、匿名函数包装
window.setInterval(function()
 {
foo (id);
 }, ...

			
		

	





	

		

			

				
					
setInterval传递参数

				
			

			

				

					weixin_30362083的博客
				

				

					04-01
					
					349
					
				

			

		

		

			
				
参照：https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout
平时我们使用定时器的时候都传一个不带参数的函数，如果需要带参传递怎么办呢？\

function fn(ii){	　　console.log(ii)}setInterval(fn,1000,'iiii')　　　　...

			
		

	





	

		

			

				
					
JavaScript中setTimeout和setInterval函数的传参及调用

				
			

			

				

					10-22
				

			

		

		

			
				
主要介绍了JavaScript中setTimeout和setInterval函数的传参及调用,着两个函数可以把要执行的代码在设定的一个时间点插入js引擎维护的一个代码队列中,需要的朋友可以参考下

			
		

	





	

		

			

				
					
setTimeout,setInterval传递参数,setTimeout,setInterval使用

				
			

			

				

					qingdi1的博客
				

				

					12-24
					
					429
					
				

			

		

		

			
				
setTimeout,setInterval传递参数,setTimeout,setInterval使用一、setTimeout,setInterval正常使用setTimeout,setInterval传递参数
一、setTimeout,setInterval正常使用
// setTimeout匿名函数
setTimeout(()=>{
	console.log(1)
}, 1000)
// setInterval匿名函数
setInterval(()=>{
	console.log(1)
},

			
		

	





	

		

			

				
					
setInterval 函数传参（方法一）

				
			

			

				

					weixin_33906657的博客
				

				

					10-14
					
					358
					
				

			

		

		

			
				
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<...

			
		

	





	

		

			

				
					
为setInterval传参数

				
			

			

				

					ViVAJoy2008的专栏
				

				

					08-27
					
					222
					
				

			

		

		

			
				
在使用JScript的时候，我们有时需要间隔的执行一个方法，比如用来产生网页UI动画特效啥的。这是我们常常会使用方法setInterval
或setTimeout，但是由于这两个方法是由脚本宿主模拟出来的Timer线程，在通过其调用我们的方法是不能为其传递参数。
    我们常用的使用场景是：


window.setTimeout(
"
delayRun()
"
, n);
w...

			
		

	





	

		

			

				
					
解决setInterval函数传参问题

				
			

			

				

					m0_37780367的博客
				

				

					09-21
					
					977
					
				

			

		

		

			
				
修改window.setInterval函数，使其可以接收参数
var __sto = setInterval;
window.setInterval = function (callback, timeout, param) {
	var args = Array.prototype.slice.call(arguments, 2);
    var _cb = function () {
  ...

			
		

	





	

		

			

				
					
如何给setInterval执行函数传参

				
			

			

				

					zero_person_xianzi的博客
				

				

					07-04
					
					3632
					
				

			

		

		

			
				
setInterval(
  function(a) {
    console.log(a); //3
  },
  1000,
  3
);

setInterval(
    function(a) {
      console.log(a); //{a:1}
    },
    1000,
    {a:1}
  );

setInterval(
    function(a) {
...

			
		

	





	

		

			

				
					
如何使用setInterval执行带有参数的函数

				
			

			

				

					weixin_34268579的博客
				

				

					12-08
					
					1347
					
				

			

		

		

			
				
有时候在使用定时器的时候，需要执行带有参数的函数，然而直接使用是不可以的。错误代码如下：setInterval(auto(links), 800);那么通过什么方式可以传递给这个auto函数参数呢？1、通过使用匿名函数，代码如下：setInterval(function(){auto(params);}, 800);
				
转载于:https://blog.51cto.c...

			
		

	





	

		

			

				
					
setInterval(code, time)中code传递参数办法

				
			

			

				

					weixin_30932215的博客
				

				

					07-27
					
					220
					
				

			

		

		

			
				
1.使用setInterval的场景
有时我们需要隔一定的时间执行一个方法，这时就会用到setInterval，但是由于这个方法是浏览器模拟出的Timer线程，在调用我们方法时不能为其传递参数。
2.setInterval传递参数办法
（1）采用string literals形式
　　setInterval("interval(param)",1000);
　　缺点：param必须是全局...

			
		

	





	

		

			

				
					
setTimeout和setInterval传参

				
			

			

				

					hanz666的博客
				

				

					12-28
					
					357
					
				

			

		

		

			
				
setTimeout和setInterval这两个方法我们平时会经常用到，有的时候我们需要在过多久后执行已经定义好的某个方法。如下已经定义好某个方法：function someFn(prop) {
    console.log(`使用prop参数：${prop}`)
}设置隔五秒的时候执行：setTimeout(someFn, 5000)如果按照以上来调用，我们就没法获取到prop参数，以前我的做

			
		

	





	

		

			

				
					
setInterval 参数

					
最新发布

				
			

			

				

					06-27
				

			

		

		

			
				
<think>我们正在讨论JavaScript中的setInterval函数。根据引用[2]和[3]，setInterval的基本语法是：constintervalId=setInterval(callback,delay[,arg1,arg2,...]);参数详解：1.callback：必需，表示要重复执行的函数或代码字符串（但通常不推荐使用字符串，因为会调用eval，有安全风险）。2.delay：必需，表示每次执行之间的时间间隔，单位是毫秒（ms）。如果省略或为0，则会使用最小值（通常4ms，但不同浏览器可能不同）。3.arg1,arg2,...：可选，这些额外的参数将会作为参数传递给callback函数。注意：delay的最小值在HTML5标准中规定为4ms，但在实际浏览器中，如果嵌套的定时器超过5层，可能会被限制为至少4ms。示例1：基本用法```javascriptsetInterval(function(){console.log('Helloeverysecond');},1000);```示例2：传递参数```javascriptfunctiongreet(name,message){console.log(`Hello,${name}!${message}`);}setInterval(greet,2000,'Alice','Howareyou?');//每隔2秒，输出：Hello,Alice!Howareyou?```示例3：使用箭头函数```javascriptsetInterval((name)=>{console.log(`Hi,${name}!`);},3000,'Bob');```重要事项：-setInterval会返回一个唯一的intervalID，这个ID可以用来清除定时器（使用clearInterval）。-如果callback函数执行时间超过delay时间，那么下一次执行可能会被延迟，甚至可能会连续执行而没有间隔。因此，setInterval并不保证精确的时间间隔。清除定时器：```javascriptconsttimerId=setInterval(myFunction,1000);//在某个条件满足时清除定时器clearInterval(timerId);```引用来源：[^2][^3]</think>### JavaScript `setInterval()` 方法参数详解

`setInterval()` 是 JavaScript 中用于周期性执行代码的核心函数，其完整语法为：
```javascript
const intervalID = setInterval(callback, delay[, arg1, arg2, ...]);
```

#### 核心参数解析
1. **`callback`（必需）**  
   - 要重复执行的函数或代码块
   - 可以是命名函数、匿名函数或箭头函数
   ```javascript
   // 命名函数
   function myFunc() { console.log('Executed!') }
   setInterval(myFunc, 1000);

   // 匿名函数
   setInterval(function() {
     console.log('Anonymous function');
   }, 1500);

   // 箭头函数（ES6+）
   setInterval(() => console.log('Arrow function'), 2000);
   ```

2. **`delay`（必需）**  
   - 执行间隔时间（毫秒）
   - 最小值通常为 4ms（浏览器限制）
   - 设为 `0` 或省略时使用默认值（4ms）
   ```javascript
   setInterval(logTime, 500); // 每500毫秒执行一次
   ```

3. **附加参数（可选）**  
   - 从第三个参数开始，将作为参数传递给 `callback`
   ```javascript
   function greet(name, message) {
     console.log(`Hello ${name}! ${message}`);
   }

   // 传递两个附加参数
   setInterval(greet, 3000, 'Alice', 'How are you?');
   ```
   **输出效果**：  
   ```
   Hello Alice! How are you?  // 每3秒重复输出
   ```

#### 返回值特性
- 返回唯一的 `intervalID`（数值类型）
- 用于通过 `clearInterval(intervalID)` 停止定时器
```javascript
const timer = setInterval(() => {
  if(condition) clearInterval(timer);
}, 1000);
```

#### 注意事项
1. **时间精度问题**  
   - 实际间隔可能比设定值长（受事件循环和CPU负载影响）
   - 最小保证间隔为 4ms[^2]

2. **内存管理**  
   ```javascript
   // 错误示例：未清除的定时器会导致内存泄漏
   function startTimer() {
     setInterval(heavyTask, 1000); 
   }

   // 正确做法
   let intervalId = null;
   function startSafeTimer() {
     intervalId = setInterval(lightTask, 1000);
   }
   function stopTimer() {
     clearInterval(intervalId);
   }
   ```

3. **执行阻塞**  
   - 当回调执行时间 > delay 时，会连续执行无间隔
   - 解决方案：使用递归 `setTimeout()`
   ```javascript
   function recursiveCall() {
     // 执行任务...
     setTimeout(recursiveCall, 1000);
   }
   ```

#### 浏览器兼容性
- 所有现代浏览器（Chrome, Firefox, Safari, Edge）完全支持
- IE9+ 支持附加参数传递[^3]
- 工作线程（Web Workers）中可用[^2]

> **最佳实践**：对于需要精确计时的场景（如动画），推荐使用 `requestAnimationFrame()`；普通周期性任务使用 `setInterval()` 时，务必配套清除机制[^1]。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值