2. 程式人生 > >JavaScript計時事件

JavaScript計時事件

阿新 • • 發佈：2017-10-17
out cond bsp () ntb tint javascrip window back

  • setInterval() - 間隔指定的毫秒數不停地執行指定的代碼。
  • setTimeout() - 暫停指定的毫秒數後執行指定的代碼

1.setInterval()：間隔指定的毫秒數不停地執行指定的代碼

window.setInterval("javascript function",milliseconds);//window可省略
javascript function：間隔milliseconds毫秒執行的函數
milliseconds：間隔毫秒數

eg.

var myVar=setInterval(function(){myTimer()},1000);
function myTimer(){
    
 
var d=new Date();
    var t=d.toLocaleTimeString();
    document.getElementById("demo").innerHTML=t;
}

clearInterval() ：停止setInterval執行的代碼

window.clearInterval(intervalVariable);//window可省略
intervalVariable：setInterval()創建時的變量名稱
eg.
var myVar=setInterval(function(){myTimer()},1000);
function myTimer(){
    
 
var d=new Date();
    var t=d.toLocaleTimeString();
    document.getElementById("demo").innerHTML=t;
}
function myStopFunction(){
    clearInterval(myVar);
}

2.setTimeout(): 暫停指定的毫秒數後執行指定的代碼

window.setTimeout("javascript 函數",毫秒數);//window可省略

eg.

<!DOCTYPE html>
<html>
<head>
<
 
meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>

<p>點擊按鈕，在等待 3 秒後彈出 "Hello"。</p>
<button onclick="myFunction()">點我</button>
<script>
function myFunction(){
    setTimeout(function(){alert("Hello")},3000);
}
</script>

</body>
</html>

clearTimeout(): 停止setTimeout執行的代碼

window.clearTimeout(timeoutVariable);//window可省略

eg.

var myVar;

function myFunction()
{
myVar=setTimeout(function(){alert("Hello")},3000);
}

function myStopFunction()
{
clearTimeout(myVar);
}

JavaScript計時事件

相關推薦

JavaScript計時事件

out cond bsp () ntb tint javascrip window back setInterval() - 間隔指定的毫秒數不停地執行指定的代碼。 setTimeout() - 暫停指定的毫秒數後執行指定的代碼 1.setInterval()：間隔指定

JavaScript BOM重要方法——計時事件

JavaScript計時事件 通過使用 JavaScript，我們有能力作到在一個設定的時間間隔之後來執行程式碼，而不是在函式被呼叫後立即執行。我們稱之為計時事件。 在 JavaScritp 中使用計時事件是很容易的，兩個關鍵方法是: setInterv

JavaScript筆記——事件

跟著 bsp ava eset 窗口 輸入框 put cli 交互 事件一般是用於瀏覽器和用戶操作進行交互。最早是 IE 和 Netscape Navigator 中出現， 作為分擔服務器端運算負載的一種手段。直到幾乎所有的瀏覽器都支持事件處理。而 DOM2 級規範開始嘗試

JavaScript-onerror事件:圖片加載失敗後不顯示

mage function title 存在 fault splay pan hive javascrip HTML: <img src="http://www.mazey.net/images/upload/image/20170518/14951221981806

JavaScript響應事件

onchange 表單 例如 單擊事件 處理器 什麽事 英文 lur 按鍵 事件：發生了某一件事情。 例如： onClick鼠標單擊，當你單擊的時候發生什麽事情。 1.onBlur焦點離開事件 2.onChange用戶修改了值正要離開事件 3.onClick鼠標單擊事件 4

Javascript - ExtJs - 事件

events gif gety src button 簡單 顯示 mouseover java 事件（ExtJs Event） Ext.Util.observable類 Ext.Util.observable是一個接口，為Ext組件的事件提供了支持，組件的事件不同於傳

javascript阻止事件冒泡和瀏覽器的默認行為

pre stop key else can put 事件冒泡 prop top 1.阻止事件冒泡,使成為捕獲型事件觸發機制. 1 function stopBubble(e) { 2 //如果提供了事件對象，則這是一個非IE瀏覽器 3 if ( e &&

JavaScript中事件的target屬性

button name 點擊事件 .html hasclass alert -c color min target 事件屬性可返回事件的目標節點(哪個 DOM 元素觸發了該事件)，如生成事件的元素、文檔或窗口。 語法：event.target <html> &

Javascript----input事件實現動態監聽textarea內容變化

span oninput idt ava ntb ima property onchange pre 1、代碼 <!DOCTYPE html> <html> <head> <title>textarea輸入文字監聽

JavaScript之事件概念和監聽事件

scrip isp doctype utf itl 技術分享 創建 img ret 1、事件的概念： JavaScript使我們有能力創建動態頁面，網頁中的每一個元素都可以產生某些觸發JavaScript函數的事件。我們可以認為事件是可以被JavaScript偵測到的一種行

javascript event事件兼容性處理

cli clientx click script document java 事件 () 坐標 ie 6-8支持event事件,ff瀏覽器不支持 獲取鼠標點擊位置的坐標 document.onclick = function(){ alert(event.cl

JavaScript中事件綁定的三種方式

element blog href 轉載 pre 模型 www. 初學者 進行 JavaScript使得網頁與用戶友好交互，在使用 js 進行時間綁定的時候有三種綁定方式。 第一種：初學者以及普通寫法 1 <div id="dom0"> 2 &

關於JavaScript的事件處理一些知識

http 取消 默認 輸出 turn pos pre targe 無法 《JS事件處理》Event對象詳細信息：http://www.w3school.com.cn/jsref/dom_obj_event.aspJS原生支持3中綁定事件方式：1.以標簽屬性形式 <di

JavaScript：事件對象Event和冒泡

add 方式 p值 器） 機制 效率 學習 roi androi 本文最初發表於博客園，並在GitHub上持續更新前端的系列文章。歡迎在GitHub上關註我，一起入門和進階前端。 以下是正文。 綁定事件的兩種方式 我們在上一篇文章 DOM操作詳解 中已經講過事件的概

淺談JavaScript的事件（事件處理程序）

時差 s參數 dom mouse 點擊事件 dom節點 不同 進一步 腳本 　　事件就是用戶或者瀏覽器自身執行的某種動作。諸如click、load和mouseover，都是事件的名字。而響應某個事件的函數就叫事件處理程序。事件處理程序的名字以“on”開頭，比如click事件

淺談JavaScript的事件（事件類型）

元素 滾動 鍵盤 合成 html 另一個 date mov 焦點事件 　　Web瀏覽器能夠發生的事件有很多種類型，不同的事件類型有不同的事件信息。DOM3級的事件類型主要包括：UI事件，用戶與頁面上的元素交互時觸發；焦點事件，元素獲得或失去焦點觸發；鼠標事件，用戶通過鼠標在

淺談JavaScript的事件（事件委托）

沒有 str 方法 比較 獲取 ack 使用 點擊 通過 　　事件處理程序為Web程序提供了系統交互，但是如果頁面中的事件處理程序太多，則會影響頁面的性能。每個函數都是對象，都會占用內存，內存中對象越多，性能越差。需要事先為DOM對象指定事件處理程序，導致訪問DOM的次數增

淺談JavaScript的事件（事件模擬）

指定 事件 func edt 創建 over asset pat 鼠標 　　事件經常由操作或者通過瀏覽器功能觸發，通過JavaScript也可以觸發元素的事件。通過JavaScript觸發事件，也稱為事件的模擬。 DOM中事件模擬 　　可以document的create

JavaScript之事件及動畫

nim 合並 遍歷 post 上下 blog 顯式 綁定 HA 一、事件 常用事件 click(function(){...}) //單擊事件 hover(function(){...}) //鼠標經過事件 blur(function(){...}

HTML筆記04---計時事件

提示框 sta opc 按鈕 等於 round lock document rip JavaScript運動01 計時事件 1.語法：var t=setTimeout("javascript語句",毫秒); setTimeout() 方法會返回某個值。