導航:首頁 > 編程語言 > js腳本來控制timer

js腳本來控制timer

 發布時間：2025-04-25 19:01:27

① 想要在瀏覽器控制台一段javascript代碼執行所花費的時間，怎麼計算

原生態js

//下載之前
console.time("timer");
varrequst=newXMLHttpRequest();
request.onload=function(){
//下載後的處理函數
console.timeEnd("timer");
}
request.open(get,"",true);
//開始下載
request.send();

jQuery：

console.time("timer");
$.ajax(
url:"",
success:function(){
console.timeEnd("timer");
}
);

這樣你就可以在控制台看到你版所花費的時間了。


但是有更簡權單的，當你發出ajax的時候，瀏覽器會把ajax的一切信息記錄下控制台的network上面，包括耗費時間，參數，返回值等等

如圖：

② asp.net怎樣限時倒計時按鍵控制

1、使用js控制，倒計時前，確定按鈕不綁定事件，灰色，倒計時結束，確定按鈕可用
2、settimeout()，可以實現倒計時，300秒太長，用戶可以通過刷新頁面跳過你的倒計時
請等待<span id="timer">10</span>秒
<script type="text/javascript">
function run(){
var s = document.getElementById("timer");
if(s.innerHTML == 0){
//執行確定點擊事件綁定，

return false;
}
s.innerHTML = s.innerHTML * 1 - 1;
}
window.setInterval("run();", 1000);//倒計時，毫秒
</script>

③ JS中2種定時器的使用及清除的實現

定時器是在JavaScript中用來實現延時執行代碼的一種機制，由JavaScript原生提供了一些方法來實現這一功能。定時器分為兩類：一次性定時器和周期性定時器。

一次性定時器使用setTimeout方法設置，該方法會在指定的毫秒數後執行一次指定的函數或代碼段。使用方式為：var timer=setTimeout(fun,毫秒數)。清除一次性定時器的方法為clearTimeout(timeoutId)，其中timeoutId為定時器的唯一標識符，是setTimeout方法執行後返回的值。在實際應用中，setTimeout可以接受一個函數作為參數，也可以接受一段代碼字元串，但後者不推薦使用，因為它會類似地使用eval()方法。

周期性定時器使用setInterval方法設置，每隔指定的毫秒數就會執行一次指定的函數或代碼段。使用方式為：var timer=setInterval(fun,毫秒數)。清除周期性定時器的方法為clearInterval(timer)，其中timer為定時器的唯一標識符，同樣是setInterval方法執行後返回的值。

需要注意的是，無論是setTimeout還是setInterval，在調用時都會返回一個整形的數字，這個數字代表定時器的序號，即它是第多少個定時器。因此，要清除定時器，就需要在使用定時器的時候，定義一個變數來記錄定時器的返回值。這樣，在需要清除定時器時，就可以通過這個變數來調用對應的清除方法。

例如：//setTimeout 1000ms後執行1次var test1 = setTimeout(function(){ //your codes},1000); //setInterval 每隔1000ms執行一次var test2 = setInterval(function(){ //your codes},1000)

清除定時器時：clearTimeout(test1); //清除Timeout的定時器 clearInterval(test2); //清除Interval的定時器

有時，在編寫代碼時，還習慣將清除定時器的變數置為空，這樣做的好處是既可以釋放內存，也可以便於後續代碼的判斷。

④ js源代碼 如何定時更換頁面文字

**自己調整一下時間看看吧**
如有問題聯系我。
Email:[email protected]
<body>
<SCRIPT language=javascript>
<!--
var msg = new Array(
"2007年5月19日03:14:0在公告欄內開始顯示「您正在收聽的是《新聞聯播》」； ",
"2007年5月19日03:15:0在公告欄內開始顯示「您正在收聽的是《焦點訪談》",
"2007年5月19日03:45:2在公告欄內開始顯示「您正在收聽的是《天氣預報》」。"
);

window.onload = function()
{
var curl = new Date().valueOf();
for(var i = 0 ; i < msg.length; i++)
{
var l = GetDate(msg[i]).valueOf();
if(curl < l)
{
if(i == 0)
{
document.all.SHOW.innerHTML = "還沒有開播!";
break;
}
else
{
document.all.SHOW.innerHTML = msg[i - 1];
break;
}
}
}
if(i == msg.length) document.all.SHOW.innerHTML = msg[msg.length-1];
}

function GetDate(str)
{
var yind = parseInt(str.indexOf("年"));
var y = parseInt(str.substring(0,yind));
var mind = parseInt(str.indexOf("月"));
var m = parseInt(str.substring(yind + 1,mind)) - 1;
var dind = parseInt(str.indexOf("日"));
var d = parseInt(str.substring(mind + 1,dind));
var hind = parseInt(str.indexOf(":",dind)) ;
var h = parseInt(str.substring(dind + 1,hind));
var mmind = parseInt(str.indexOf(":",hind + 1));
var mm = parseInt(str.substring(hind + 1,mmind));
var s = parseInt(str.substring(mmind + 1,mmind + 3));
var newDate = new Date(y,m<0?0:m,d,h,mm,s);
//alert(y+":"+m+":"+d+":"+h+":"+mm+":"+s);

return newDate;
}
-->
</SCRIPT>
<span id = SHOW></span>
</body>

⑤ 定時器js 要求在控制台中時間每間隔1秒就列印出當前時間，單擊頁面中的按鈕可以取消定時器

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<button type="button" id="cancel">取消定時器</button>
<script>
let time = setInterval(()=>{
console.log('當前時間是：'+timer())
},1000)
function timer(){
let date = new Date();
let hour = date.getHours().toString().padStart(2,"0");
let min = date.getMinutes().toString().padStart(2,"0");
let sec = date.getSeconds().toString().padStart(2,"0");
return `${hour}:${min}:${sec}`
}
document.getElementById('cancel').onclick = function(){
clearInterval(time)
alert('已取消定時器')
}
</script>
</body>
</html>

閱讀全文

與js腳本來控制timer相關的資料

熱點內容
win10管理該文件沒有與之關聯的程序 瀏覽：799
手機里qt是什麼文件夾 瀏覽：48
筆記本關閉開機密碼 瀏覽：672
無法定位程序輸入點inetntop 瀏覽：22
java修改文件編碼 瀏覽：12
js判斷火狐 瀏覽：229
微信開發支持https介面 瀏覽：779
為什麼文件上傳到一半卡住不動了 瀏覽：375
蘋果平板怎麼查看app消費記錄 瀏覽：98
保養車用什麼app 瀏覽：762
哪個網站看書好看 瀏覽：954
數控編程mc是什麼意思 瀏覽：356
f盤拒絕訪問有密碼 瀏覽：485
數控編程cr是什麼 瀏覽：808
此文件用戶庫 瀏覽：24
微信動漫頭像女 瀏覽：702
中央電視台的手機app叫什麼 瀏覽：882
大數據清洗什麼 瀏覽：413
拓者設計吧室內設計教程 瀏覽：583
js腳本來控制timer 瀏覽：596

友情鏈接