setTimeout函數(shù)兼容各主流瀏覽器運行執(zhí)行效果實例
更新時間:2013年06月13日 17:38:15 作者:
setTimeout是一個很不錯的函數(shù),網(wǎng)站頁面前端工程師經(jīng)常將其用于幾秒后執(zhí)行的動作,下文要講的setTimeout可以很好地兼容IE6,7,8,9以及谷歌等主流瀏覽器
目前這個setTimeout可以很好地兼容IE6,7,8,9以及谷歌瀏覽器Chrome,火狐瀏覽器FireFox,蘋果瀏覽器Safari,Opera。
setTimeout是一個很不錯的函數(shù),網(wǎng)站頁面前端工程師經(jīng)常將其用于幾秒后執(zhí)行的動作。setTimeout這個JS內(nèi)置函數(shù)其用法也很簡單,下面是setTimeout()的函數(shù)說明以及用法詳解和實例、示例代碼:
setTimeout()的作用是指定在多少毫秒后執(zhí)行一個JS函數(shù)或者表達式代碼
setTimeout的用法、語法、參數(shù):setTimeout(code,millisec)
setTimeout參數(shù)說明:
code是必需參數(shù)。要調(diào)用的函數(shù)后要執(zhí)行的 JavaScript 代碼串。
millisec是必需參數(shù)。在執(zhí)行代碼前需等待的毫秒數(shù)。毫秒和秒之間的換算是:1000毫秒=1秒
setTimeout實例代碼(1秒后頁面跳轉(zhuǎn)到指定的URL):
<script language="javascript">
function go(){//定義函數(shù)
window.location="main.html";//頁面跳轉(zhuǎn)
}
window.setTimeout("go()",1000);//1秒后執(zhí)行函數(shù)go
</script>
但是以上JS代碼是無法兼容火狐的,這主要是因為IE和火狐的瀏覽器引擎是不同的。讓這段頁面跳轉(zhuǎn)JS代碼兼容IE、火狐、SAFARI、OPERA:
<script language="javascript">
function go(){//定義函數(shù)
window.location="main.html";//頁面跳轉(zhuǎn)
}
window.setTimeout(function(){go()},1000);//1秒后執(zhí)行函數(shù)go
</script>
setTimeout是一個很不錯的函數(shù),網(wǎng)站頁面前端工程師經(jīng)常將其用于幾秒后執(zhí)行的動作。setTimeout這個JS內(nèi)置函數(shù)其用法也很簡單,下面是setTimeout()的函數(shù)說明以及用法詳解和實例、示例代碼:
setTimeout()的作用是指定在多少毫秒后執(zhí)行一個JS函數(shù)或者表達式代碼
setTimeout的用法、語法、參數(shù):setTimeout(code,millisec)
setTimeout參數(shù)說明:
code是必需參數(shù)。要調(diào)用的函數(shù)后要執(zhí)行的 JavaScript 代碼串。
millisec是必需參數(shù)。在執(zhí)行代碼前需等待的毫秒數(shù)。毫秒和秒之間的換算是:1000毫秒=1秒
setTimeout實例代碼(1秒后頁面跳轉(zhuǎn)到指定的URL):
復(fù)制代碼 代碼如下:
<script language="javascript">
function go(){//定義函數(shù)
window.location="main.html";//頁面跳轉(zhuǎn)
}
window.setTimeout("go()",1000);//1秒后執(zhí)行函數(shù)go
</script>
但是以上JS代碼是無法兼容火狐的,這主要是因為IE和火狐的瀏覽器引擎是不同的。讓這段頁面跳轉(zhuǎn)JS代碼兼容IE、火狐、SAFARI、OPERA:
復(fù)制代碼 代碼如下:
<script language="javascript">
function go(){//定義函數(shù)
window.location="main.html";//頁面跳轉(zhuǎn)
}
window.setTimeout(function(){go()},1000);//1秒后執(zhí)行函數(shù)go
</script>
您可能感興趣的文章:
- 深入理解setTimeout函數(shù)和setInterval函數(shù)
- 解決火狐瀏覽器下JS setTimeout函數(shù)不兼容失效不執(zhí)行的方法
- jQuery setTimeout()函數(shù)使用方法
- js函數(shù)setTimeout延遲執(zhí)行的簡單介紹
- JS中setInterval、setTimeout不能傳遞帶參數(shù)的函數(shù)的解決方案
- js函數(shù)使用技巧之 setTimeout(function(){},0)
- javascript setTimeout()傳遞函數(shù)參數(shù)(包括傳遞對象參數(shù))
- 定時器(setTimeout/setInterval)調(diào)用帶參函數(shù)失效解決方法
- 給c#添加SetTimeout和SetInterval函數(shù)
- setTimeout函數(shù)的神奇使用
相關(guān)文章
淺談js停止事件冒泡 阻止瀏覽器的默認行為(阻止超連接 #)
下面小編就為大家?guī)硪黄獪\談js停止事件冒泡 阻止瀏覽器的默認行為(阻止超連接 #)。2017-02-02讓JavaScript的Alert彈出框失效的方法禁止彈出警告框
彈出框難免會影響你的心情,所以通過以下代碼可將Js彈出框屏蔽掉,實現(xiàn)思路是對alert方法重寫2014-09-09JavaScript斷言與類型守衛(wèi)及聯(lián)合聲明超詳細介紹
這篇文章主要介紹了JavaScript斷言與類型守衛(wèi)及聯(lián)合聲明,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2022-11-11JavaScript統(tǒng)計網(wǎng)站訪問次數(shù)的實現(xiàn)代碼
每一個稱職的網(wǎng)管,都需要知道每天網(wǎng)站的訪問量,需要實現(xiàn)網(wǎng)站訪問次數(shù)功能來滿足需求,本篇文章主要介紹了JavaScript統(tǒng)計網(wǎng)站訪問次數(shù)的實現(xiàn)代碼,感興趣的小伙伴們可以參考一下2015-11-11JavaScript操作XML/HTML比較常用的對象屬性集錦
本文給大家介紹javascript操作xml/html比較常用的對象屬性,涉及到j(luò)s對象屬性相關(guān)知識,對JavaScript操作XML/HTML比較常用的對象屬性感興趣的朋友可以參考下本文2015-10-10JavaScript實現(xiàn)簡單精致的圖片左右無縫滾動效果
這篇文章主要介紹了JavaScript實現(xiàn)簡單精致的圖片左右無縫滾動效果,涉及javascript結(jié)合時間函數(shù)動態(tài)操作頁面元素屬性的相關(guān)技巧,需要的朋友可以參考下2017-03-03