JavaScriptのBOM-オブジェクト

トップレベルのオブジェクトウィンドウ

一般的なロードイベント

文書は（画像、スクリプト・ファイル、CSSファイルなどを含む）が完全にロードされたトリガであるときonloadイベント、伝統的な登録方法は、最後にもう一つの主題を書くことができ、あなたは、addEventListenerを使うのならば制限はありません
DOMContentLoadedイベントは、DOMは、スタイルシート、画像、フラッシュなどを含まない、準備ができたときにのみトリガされたとき。

<SCRIPT> //最初の窓 .onload = 関数（）{
         アラート（ '111'）
    ;} ウィンドウ .addEventListener（ '負荷'、関数（）{
         アラート（ '222'）
    }）; //は影響しない文書を .addEventListener（ 'DOMContentLoaded'、関数（）{
         アラート（33である）; //ないロード画像、等 
    }）
</ SCRIPT>

サンプルコード

タイマー

setTimeout（）は1回だけ実行され
setInterval（）を繰り返します

setTimeout（）タイマ

タイマーがなっています

window.setTimeoutは（関数呼び出し、[ミリ秒遅延]）

<スクリプト>
     関数コールバック（）{ 
        にconsole.log（ '111'）。
    } VAR tinner1 = のsetTimeout（コールバック、2000年）。
    VAR tinner2 = のsetTimeout（コールバック、3000）。
</ SCRIPT>

サンプルコード

<！DOCTYPE HTML> 
<HTML LANG = " EN "> 

<HEAD> 
    <メタ文字コード=" UTF-8 "> 
    <メタ名 =" ビューポート "コンテンツ=" 幅=装置幅、初期の規模= 1.0 "> 
    <メタHTTP-当量=」X-UA-互換性のある "コンテンツ=" IE =エッジ "> 
    <タイトル>ドキュメント</ TITLE> 
</ HEAD> 

<BODY> 
    <IMG SRC =" ad.jpg "ALT ="" クラス =" 広告「> 
    <script> のvar IMG = 文書 .querySelector（ '広告'）;
         のsetTimeout（関数（）{ 
            img.style.display = 'なし'; 
        }、2000）
    </ SCRIPT> 
</ BODY > 
</ HTML>

ケース - 広告を閉じます

タイマーを停止します

clearTimeout（timeoutIDは）

<ボタン>关闭定时器</ボタン> 
<スクリプト> VARタイマ= setTimeoutメソッド（関数（）{ 
        にconsole.log（ '111'）; 
    }、1000）。VaRの BTN = 文書 .querySelector（ 'ボタン'）; 
    btn.addEventListener（ 'クリック'、関数（）{
         てclearTimeout（タイマー）
    }）
</スクリプト>

サンプルコード

setInterval（）タイマ

タイマーがなっています

window.setInterval（関数呼び出し、[ミリ秒遅延]）

タイマーを停止します

clearInterval（timeoutIDは）

<ボタン>オフタイマー</ボタン> 
<SCRIPT> VARタイマ= たsetInterval（関数（）{ 
        にconsole.log（111）; 
    }、1000）; VAR BTN = 文献 .querySelector（ 'ボタン'）; 
    btn.onclick = 関数（）{
         てclearInterval（タイマー）//オフタイマー 
    } 
</ SCRIPT>

サンプルコード

注意：

問題を防止するための間隔（ミリ秒）後の最初の実行、機能を実行するために、すべての最高のパッケージには、ページの空白をリフレッシュするために始めました

トップレベルのオブジェクトウィンドウ

タイマー

おすすめ