انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #8 من درس: Web Workers API

Full Web Worker Example

Web Worker هي عبارة عن عمل اكواد لغة الجافاسكريب في الخلفية دون حدوث أي تاثير علي أداء الصفحة 

1 صفوف تعليمية
جافا سكريبت
2,558 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 كود برمجي
HTML 
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Web Workers API</h2>
<p>Count numbers: <output id="result"></output></p>
<button onclick="startWorker()">Start Worker</button> 
<button onclick="stopWorker()">Stop Worker</button>

<script>
let w;

function startWorker() {
  if(typeof(w) == "undefined") {
    w = new Worker("demo_workers.js");
  }
  w.onmessage = function(event) {
    document.getElementById("result").innerHTML = event.data;
  };
}

function stopWorker() { 
  w.terminate();
  w = undefined;
}
</script>

</body>
</html>
جرّب بنفسك

جميع فقرات هذا الدرس (Web Workers API)