Ⅰ 如何在Javascript中將一個函數延遲一秒後執行
javascript提供了setTimeout() 方法用於在指定的毫秒數後調用函數或計算表達式,因此延遲1秒後執行一個函數可以如下代碼實現:
setTimeout("fun()",1000);//fun()是自定義函數
下面實例演示:打開頁面後倒計時3秒,然後彈出對話框
1、HTML結構
<divid="test">3</div>
2、javascript代碼
functionfun(n){
if(n>0){
n--;
document.getElementById("test").innerHTML=n;
setTimeout("fun("+n+")",1000)
}
else
alert("時間到!!");
}
window.onload=function(){
setTimeout("fun(3)",1000)
}
3、效果演示
Ⅱ javascript或jquery如何實現延遲載入js文件
1、把js的代碼放在body裡面,最好是放在頁面最後的位置,而不是放在head裡面。這樣整個頁面載入結束的時候才會載入到js。
2、你可以使用js函數動態的修改頁面,載入js。下面附上兩個函數,可以用來載入js或者css。
/*Title : 包含其它 js 文件。
* Description : 將其它 Js 文件引入本文件中,方便管理、維護。*/
function include_js(path) {
var sobj = document.createElement('script');
sobj.type = "text/javascript";
sobj.src = path;
var headobj = document.getElementsByTagName('head')[0];
headobj.appendChild(sobj);
}
/* Title : 包含其它 css 文件。
* Description : 將其它 css 文件引入本文件中,方便管理、維護。 */
function include_css(path) {
var fileref = document.createElement("link")
fileref.rel = "stylesheet";
fileref.type = "text/css";
fileref.href = path;
}
3、利用ajax載入js。
Ⅲ 如何用javascript設置延時執行
二、JavaScript 的計時事件的函數
setTimeout() - 在指定時間後執行代碼
clearTimeout() - 取消 setTimeout()注意:setTimeout() 和 clearTimeout() 都是HTML DOM 的 Window 對象的函數。
三、setTimeout詳解
var t=setTimeout("javascript 語句",時間參數)
註:時間參數單位為毫秒
示例:var t=setTimeout("alert('3 seconds!')",3000)
如果js語句帶變數,則必須用+號將變數連接起來,如:
var t=setTimeout("document.getElementById("+menuid+").style.display='none'",3000)
四、clearTimeout詳解
語法:clearTimeout(setTimeout的變數名)
示例:clearTimeout(t) //其中t為前面設置的setTimeout的變數
使用clearTimeout可以隨時停止計時。
五、應用技巧
建議將setTimeout單獨設置為一個函數。如:
function delayRun(code,time) {
var t=setTimeout(code,time);}這樣,在需要讓某段代碼延時執行的時候,只需在這段代碼前加入這個函數就可以了。如:
onmouseover=delayRun("setTab(0,0)",500)
其中setTab是一個自定義的函數。如果以後不想讓setTab延時執行,則去掉語句中的delayRun相關的代碼即可,改為:onmouseover=setTab(0,0) 就可以了。
這種寫法避免每一個需要延時的地方都寫一段setTimeout的代碼,只需要直接調用就可以了,很方便。也節省了代碼的量。
Ⅳ javascript測試網站速度
你可以在網頁的開頭寫上
<script>
var startDate=new Date();
function testSpeed()
{
var endDate = new Date();
alert('載入用時'+(startDate.getTime() - endDate .getTime())+'毫秒' );
}
</script>
然後把body標簽改為
<body onload='testSpeed()'>
Ⅳ javascript裡面如何實現延時幾秒的操作
setTimeout(function(){
//這里的代碼將在1000ms(1s後執行)
},1000)
Ⅵ javaScript判斷網路狀態
<script language="Javascript" >
//創建xmlHttp對象
var xmlHttp = null;
function createXMLRequest( ){
var msxmlhttp = new Array(
'Msxml2.XMLHTTP.6.0',
'Msxml2.XMLHTTP.3.0',
'Msxml2.XMLHTTP',
'Microsoft.XMLHTTP');
for(var i = 0; i < msxmlhttp .length; i++) {
try {
if(xmlHttp = new ActiveXObject(msxmlhttp[i] )) break;
} catch (e) {
xmlHttp = null;
}
}
if(!xmlHttp && typeof XMLHttpRequest != "undefined")
xmlHttp = new XMLHttpRequest();
}
function getHtml( ){
createXMLRequest( );
//狀態調用函數
xmlHttp.onreadystatechange = function(){
if ( xmlHttp.readyState == 4 ){
if (xmlHttp.status == 200){
//狀態成功執行
reflesh();
}else{
//你的其他操作
document.all.cma.src="a.html";
}
}
}
//發送請求
xmlHttp.open( "get","http://m.weather.com.cn/m/pn2/weather.htm" ,true);
xmlHttp.send( null );
}
function reflesh(){
//var city = System.Gadget.Settings.read("city");
var city = "2";
if (city > 100000000) {
document.all.cma.src="http://m.weather.com.cn/m/pn2/weather.htm?id="+city+"T";
} else {
document.all.cma.src="http://m.weather.com.cn/m/pn2/weather.htm";
}
}
onload = getHtml;
</script>
<iframe name="cma"></iframe>
放在空白的html頁面中就能看到效果
Ⅶ 請問javascript裡面如何實現延時幾秒的操作
<html>
<head>
<script language="javascript">
j=10;
function func(){
document.getElementById("div1").innerText=j;
j++;
setTimeout("func()",1000);
}
</script>
</head>
<body onload="func();">
<div id="div1"></div>
</body>
可能是我理解能力有限,不知道這個答案滿意嗎?
能否解釋一下for(i=1;i<10;i=10)這是什麼意思?i=1,i=10
Ⅷ 如何實現網頁中鏈接的延時顯示
當一個網站有很多js代碼要載入,js代碼放置的位置在一定程度上將會影像網頁的載入速度,為了讓我們的網頁載入速度更快,本文總結了一下幾個注意點:
1、延遲載入js代碼
<scripttype=」text/javascript」src=」"id=」my」></script>
<scripttype=」text/javascript」>
setTimeout(「document.getElementById(『my').src='include/php100.php';「,3000);//延時3秒
</script>
這樣通過延遲載入js代碼,給網頁載入留出更多的時間!
2、js最後載入方案一
在需要插入JS的地方插入以下代碼:
程序代碼
<span id=」L4EVER」>LOADING…</span>
當然,那個LOADING…你可以換成自己喜歡的小圖片.看起來很有AJAX效果呢.
然後在頁面最底端插入:
程序代碼
代碼如下:
<span id=」AD_L4EVER」>你的JS代碼在這里!</span >
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML=」";</script>
3、讓JS最後載入方案二
這個牽涉到網頁的載入順序問題,例如引入外部js腳本文件時,如果放入html的head中,則頁面載入前該js腳本就會被載入入頁面,而放入body中,則會按照頁面從上倒下的載入順序來運行javascript的代碼~~~ 所以我們可以把js外部引入的文件放到頁面底部,來讓js最後引入,從而加快頁面載入速度。
Ⅸ javaScript 中怎麼延遲執行一個方法
setTimeout("test()","2000"); //2000毫秒後執行test()函數,只執行一次。setInterval("test()","2000"); //每隔2000毫秒執行一次test()函數,執行無數次。
(9)javascript如何實現網路延遲檢測擴展閱讀:
1、setTimeout() 方法用於在指定的毫秒數後調用函數或計算表達式。
2、語法:setTimeout(function, milliseconds, param1, param2, ...)。
3、提示:1000 毫秒= 1 秒。
4、提示:如果你只想重復執行可以使用setInterval()方法。
5、提示:使用clearTimeout()方法來阻止函數的執行。
6、所需參數1:code/function,必需。要調用一個代碼串,也可以是一個函數。
7、所需參數2:milliseconds可選。執行或調用 code/function 需要等待的時間,以毫秒計。默認為 0。
8、所需參數3:param1, param2, ...,可選。 傳給執行函數的其他參數(IE9 及其更早版本不支持該參數)。
9、返回值:返回一個 ID(數字),可以將這個ID傳遞給 clearTimeout() 來取消執行。
10、實例:var myWindow=window.open("","","width=200,height=100");myWindow.document.write("<p>這是一個新窗口'</p>");setTimeout(function(){ myWindow.close() }, 3000);
Ⅹ JavaScript,網頁打開後延遲5秒顯示一個div怎麼寫
完整的示例代碼
主要是JS的延時定時器語法的書寫,通過延時改變元素的display屬性即可實現。