HTML ဝီကီ လုပ်ငန်း

ဝီကီ လုပ်ငန်း သည် နောက်ဘက် အင်တာနက် လုပ်ငန်း အား လုပ်ခဲ့ပါ၊ စီးပွားရေး ကူညီပါပါ။

ဝီကီ လုပ်ငန်း ဘာကြည်းတည်းဟူသည်မှာမည်သည်ကို လို့မှာပါ။

ဝီကီ ဘာသာစကား လုပ်ငန်း ကို လုပ်ဆောင်ရာတွင် ဘာသာစကား ပြင်းထန်သည်၊ လုပ်ဆောင်မှု အပြီး အပြတ် လုပ်ဆောင်မှု မပြင်းထန်ပါ။

ဝီကီ လုပ်ငန်း သည် နောက်ဘက် အင်တာနက် လုပ်ငန်း အား လုပ်ခဲ့ပါ၊ အခြား လုပ်ငန်း မှ အခြား လုပ်ငန်း ကို လုပ်ခဲ့ပါ၊ စီးပွားရေး ကူညီပါပါ။ သင် လိုချင်သော အခြား လုပ်ငန်း ကို လုပ်နိုင်ပါ၊ အစိတ်ခွဲခြင်း၊ အကြောင်းအရာ ရယူခြင်း ဆိုတာ လုပ်နိုင်ပါ။ ဤအခါ ဝီကီ လုပ်ငန်း နောက်ဘက် အင်တာနက် အား လုပ်ငန်း ပြုလုပ်သည်။

ဘာသာစကား ကူညီ

အချက်အလက် အချက်အလက် ဝီကီ လုပ်ငန်း ကူညီပါသော ဘာသာစကား အသစ် ကို ချီးမြှင့်ပါ။

API
ဝီကီ လုပ်ငန်း 4.0 10.0 3.5 4.0 11.5

HTML ဝီကီ လုပ်ငန်း အမှတ်အသား

အောက်ပါ အမှတ်အသား ဝီကီ လုပ်ငန်း ကို နောက်ဘက် စီးပွားရေး ဖွင့်ပြီး စီးပွားရေး လုပ်ငန်း ကို စီးပွားရေး ပြုလုပ်သည်။

စစ်ဆေး

亲自试一试

ဝီကီ လုပ်ငန်း ကူညီစစ်ဆေး

ဝီကီ လုပ်ငန်း ဖွင့်ပြီး အီးကျူး ဘာသာစကား ကို စစ်ဆေးပါ၊ ဝီကီ လုပ်ငန်း ကူညီပါလား။

if (typeof(Worker) !== "undefined") {
    // အချက်အလက်တွေ၊ ဝီကီ လုပ်ငန်း ကူညီပါ။
    // အချက်အလက်တွေ.....
} else {
    // ပြောပါ၊ ဝီကီ လုပ်ငန်းအား လုပ်ခဲ့ပါ။
}

ဝီကီ လုပ်ငန်းဖွင့် ဖိုင်

现在，让我们在一个外部 JavaScript 文件中创建我们的 web worker。

在此处，我们创建了计数脚本。该脚本存储于 "demo_workers.js" 文件中：

var i = 0;
function timedCount() {
    i = i + 1;
    postMessage(i);
    setTimeout("timedCount()",500);
}
timedCount();

以上代码中重要的部分是 postMessage() 方法 - 它用于向 HTML 页面传回一段消息。

注释: web worker 通常不用于如此简单的脚本，而是用于更耗费 CPU 资源的任务。

创建 Web Worker 对象

现在我们已经有了 web worker 文件，我们需要从 HTML 页面调用它。

下面的代码行检测是否存在 worker，如果不存在，- 它会创建一个新的 web worker 对象，然后运行 "demo_workers.js" 中的代码：

if (typeof(w) == "undefined") {
    w = new Worker("demo_workers.js");
}

然后我们就可以从 web worker 发生和接收消息了。

向 web worker 添加一个 "onmessage" 事件监听器：

w.onmessage = function(event){
    document.getElementById("result").innerHTML = event.data;
};

当 web worker 传送消息时，会执行事件监听器中的代码。来自 web worker 的数据会存储于 event.data 中。

终止 Web Worker

当创建 web worker 后，它会继续监听消息（即使在外部脚本完成后）直到其被终止为止。

如需终止 web worker，并释放浏览器/计算机资源，请使用 terminate() 方法：

w.terminate();

复用 Web Worker

如果您把 worker 变量设置为 undefined，在其被终止后，可以重复使用该代码：

w = undefined;

完整的 Web Worker 实例代码

我们已经看到了 .js 文件中的 Worker 代码。下面是 HTML 页面的代码：

ဌာန်ကြောင်း

<!DOCTYPE html>
<html>
<body>
<p>စဥ်တွေ့ကြတ်ပြီ: <output id="result"></output></p>

亲自试一试

Web Worker 和 DOM

由于 web worker 位于外部文件中，它们无法访问下例 JavaScript 对象：

  • window 对象
  • document 对象
  • parent 对象