首頁 web前端 js教程 使用自定义setTimeout和setInterval使之可以传递参数和对象参数_javascript技巧

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

May 16, 2016 pm 06:53 PM
setinterval settimeout 傳遞參數

/******************************************************
//
// 功能: 修改window.setTimeout,使之可以传递参数和对象参数
// 使用方法: window.setTimeout(回调函数,延迟时间,参数1,参数n)
//
******************************************************/
var mySetTimeOut = setTimeout;
window.setTimeout = function(callback, timeout)
{
var args = Array.prototype.slice.call(arguments, 2);
function callFn(){callback.apply(null, args);}
return mySetTimeOut(callFn, timeout);
}
/******************************************************
//
// 功能: 修改window.setInterval,使之可以传递参数和对象参数
// 使用方法: window.setInterval(回调函数,间隔时间,参数1,参数n)
//
******************************************************/
var mySetInterval = setInterval;
window.setInterval = function(callback, interval)
{
var args = Array.prototype.slice.call(arguments, 2);
function callFn(){callback.apply(null, args);}
return mySetInterval(callFn, interval);
}
// 测试代码传递object
// 普通参数就不举例了
var obj = {height: 40px;}
var testTimeout = testInterval = null;
function test(obj)
{
alert(obj.height);
clearSetTimeOut(testTimeout);
clearInterval(testInterval);
}
var testTimeout = window.setTimeout(test, 100, obj);
var testInterval = window.setInterval(test, 100, obj);
该函数兼容ie,firefox。并且可以使用clearSetTimeOut和clearInterval清除,比原setTimeout,setInterval方便很多,并且参数可以是object。

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

settimeout和setinterval有什麼差別 settimeout和setinterval有什麼差別 Aug 15, 2023 pm 02:06 PM

settimeout和setInterval的區別:1、觸發時間,settimeout是一次性的,它在設定延遲時間之後執行一次函數,而setinterval是重複性的,它會以設定的時間間隔重複執行函數;2、執行次數,settimeout只執行一次,而setinterval會一直重複執行,直到被取消。

如何使用setInterval函數定時執行程式碼? 如何使用setInterval函數定時執行程式碼? Nov 18, 2023 pm 05:00 PM

如何使用setInterval函數定時執行程式碼?在JavaScript中,setInterval函數是一個非常有用的函數,它可以定時執行一段程式碼。透過setInterval函數,我們可以在特定的時間間隔內重複執行指定的程式碼。本文將詳細介紹如何使用setInterval函數,並提供具體的程式碼範例。一、setInterval函數的基本語法如下:setInterv

setInterval如何停止 setInterval如何停止 Dec 11, 2023 am 11:39 AM

可以使用clearInterval函數來停止由setInterval函數所建立的定時器。 setInterval函數會傳回一個唯一的定時器ID,可以將此ID作為參​​數傳遞給clearInterval函數,以停止定時器的執行。

Window.setInterval()方法怎麼使用 Window.setInterval()方法怎麼使用 Aug 31, 2023 am 09:33 AM

Window.setInterval() 方法的基本語法是“window.setInterval(function, delay)”,function是要重複執行的函數或程式碼區塊,delay是每次執行之間的時間間隔,以毫秒為單位。此方法是JavaScript中用於定時重複執行指定函數或程式碼的方法,它的使用非常簡單,只需要傳入要執行的函數或程式碼區塊以及重複執行的時間間隔。

setinterval用法詳解 setinterval用法詳解 Sep 12, 2023 am 09:55 AM

setinterval用法是“setInterval(function, delay);”,“function”是要執行的函數,可以是函數表達式或函數引用,“delay”是執行函數之間的時間間隔,以毫秒為單位。 setInterval是JavaScript中用來週期性執行程式碼的函數,它接受一個函數和一個時間間隔作為參數,會依照指定的時間間隔重複執行函數。

設定時間間隔 設定時間間隔 Aug 02, 2023 am 10:17 AM

setInterval函數是JavaScript中的一個定時器函數,允許你設定一個間隔,並在每個間隔之後執行指定的程式碼,需要定期處理某些任務或即時更新頁面元素的情況非常有用,要注意使用setInterval時的性能和可靠性問題,並根據需要進行最佳化。

Python中函式參數傳遞方法*args, **kwargs,還有其他 Python中函式參數傳遞方法*args, **kwargs,還有其他 Apr 13, 2023 am 09:58 AM

本文將討論Python的函數參數。我們將了解args和**kwargs,/和的都是什麼,雖然這個問題是一個基本的python問題,但是在我們寫程式碼時會經常遇到,例如timm中就大量使用了這樣的參數傳遞方式。定義和傳遞參數parameters 和arguments 之間的區別是什麼?許多人交替使用這些術語,但它們是有區別的:Parameters 是函數定義中定義的名稱Arguments是傳遞給函數的值紅色的是parameters , 綠色的是arguments。傳遞參數的兩種方式我們可以按位置和關

在JavaScript中使用clearTimeout函數取消setTimeout的計時器 在JavaScript中使用clearTimeout函數取消setTimeout的計時器 Nov 18, 2023 am 08:05 AM

在JavaScript中使用clearTimeout函數取消setTimeout的計時器,需要具體程式碼範例在JavaScript中,setTimeout函數是用來在指定的時間延遲後執行一次特定的程式碼。而setInterval函數則是用來在指定的時間間隔內重複執行一段特定的程式碼。然而,在某些情況下,我們可能需要在定時器執行之前取消它。在這種情況下,就可以使用c

See all articles