HTML5のWeb労働者の使用

1.ウェブワーカーは何ですか？

ウェブワーカーは、JavaScriptがバックグラウンドで実行されていると、ページのパフォーマンスには影響しませんです。（C＃のバックグラウンドスレッドに似て？）

2.どのように使用します

カウンターの例：

<DOCTYPE htmlの！> 
<HTML> 
<HEAD> 
<META HTTP-当量= " Content-Typeの"コンテンツ= " text / htmlの;のcharset = UTF-8 " /> 
    <タイトル> </ TITLE> 
    <メタのcharset = " UTF -8 " /> 
</ head> 
<body> 
    <P>计数<出力id = " 結果" > </出力> </ P> 
    の<input type = " ボタン"値= " 开始"のonclick = " ）（開始" />
    <input type = " ボタン"値=" 结束"のonclick = " 停止（）" /> 
</ body> 
</ HTML> 
<スクリプトタイプ= " テキスト/ javascriptの" >
     VAR W。
    関数start（）
    { 
        場合（typeof演算（労働者）！= " 未定義" ）//判断浏览器是否支持ワーカー功能
        { 
            場合（typeof演算（==）wを" 未定義" ）
            { 
                W = 新しい労働者（" /スクリプト/ワーカー。）; // JSカスタムロード
            } 
            w.onmessage =関数（イベント）//のメッセージを返し
            { 
                のdocument.getElementById（" 検索結果を"）= .innerHTML イベント.DATA; //データメッセージ
            } 
        } そうでなければ
        { 
            のdocument.getElementById（" 結果"）.innerHTML = " 労働者をサポートしていません" ; 
        } 
    } 

    関数STOP（）
    { 
        w.terminate（）;このメソッドは終了するために使用される//ワーカー
        W = 未定義。

    }
 </ SCRIPT>

Worker.js（自動糸加算を行います）

VAR私は= 0 ; 

機能timedCount（）{ 
    iは iは、+ = 1 。
    postMessage（I）; //用于労働者发消息
    たsetTimeout（" timedCount（）"、500 ）; 
} 

timedCount（）。

労働者は、他のJSはないウィンドウ、ドキュメント、親オブジェクトにHTMLを使用するように、上記参照されるように外部ファイルがある場合、

おすすめ