ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 13 HTML5 Web Worker
   Web Worker คือ JavaScript ที่สามารถทำให้ script ทำงานหลายๆอย่างพร้อมกันได้ ซึ่งทำให้ผู้ใช้งานเว็บเพจได้ โดยไม่ต้องรอให้ JavaScript ทำงานเสร็จก่อน โดย web worker จะสั่งให้ JavaScript ทำงานโดยไม่กระทบกับงานอื่นๆ ด้วยเหตุนี้ ผู้พัฒนาจึงสามารถออกแบบหน้าเว็บไซต์ให้มีความซับซ้อนมากๆ ได้โดยไม่ต้องกังวลว่า เครื่องพีซีของผู้ใช้จะเกิดการสะดุดขณะที่มีการเลื่อนหน้าหรือเกิดการหน่วง ขณะที่กำลังมีการป้อนข้อมูลเหมือนอย่างเช่นในอดีต
   Web Worker ทำงานได้ดีกับทุกweb browser ยกเว้น IE  Internet Explorer ต้องเป็นเวอร์ชั่น 10 ขึ้นไป
ตัวอย่างเช่น
<html>
<body>
<p>Count numbers: <output id="result"></output></p>
<button onclick="startWorker()">Start Worker</button>
<button onclick="stopWorker()">Stop Worker</button>
<br><br>

<script>
var w;

function startWorker()
{if(typeof(Worker)!=="undefined")
  {  if(typeof(w)=="undefined")
  {  w=new Worker("demo_workers.js");  }
  w.onmessage = function (event)
{    document.getElementById("result").innerHTML=event.data;    };  }
else
  {  document.getElementById("result").innerHTML="Sorry, your browser does not support Web Workers...";  }}
function stopWorker()
{ w.terminate();}
</script>
</body>
</html

คลิกเพื่อดูตัวอย่าง HTML5 Web Worker


คำอธิบาย
1.สำหรับตรวจสอบว่า web worker สามารถใช้กับบราวเซอร์ได้หรือไม่
if(typeof(Worker)!=="undefined")
  {  // Yes! Web worker support!
  // Some code.....  }
else
  {  // Sorry! No Web Worker support..  }

2.สำหรับสร้างไฟล์ web worker บน external JavaScript
เช่นในตัวอย่างนี้คือการสร้างสคริปต์ให้นับ โดยค่อยๆเพิ่มๆทีละ 1 ซึ่งสคริปต์นี้จะบรรจุอยู่ในเดียวกับ "demo_workers.js" file:
***ตัวอย่างนี้ไม่สามารถดใช้ได้หากไม่สร้าง ไฟล์ "demo_workers.js" file: เสียก่อน
var i=0;
function timedCount()
{i=i+1;
postMessage(i);
setTimeout("timedCount()",500);}
timedCount();

3.สำหรับสร้าง web worker object และรันโค๊ดบน "demo_workers.js":
if(typeof(w)=="undefined")
  {  w=new Worker("demo_workers.js");  }
เราสามารถส่งและรับข้อความจาก web worker ด้วยการเพิ่ม "onmessage"
w.onmessage=function(event){
document.getElementById("result").innerHTML=event.data;};

4.สำหรับสร้าง terminate web worker (ตัวหยุดการทำงานของสคริปต์ที่กำลังรันอยู่บนหน้าเว็บไซต์)
w.terminate();
ข้อมูลอ้างอิง
http://www.w3schools.com

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
MOD_MTB_NEWS_RECENT
อยากได้วิธี get attribute ของ Dropdrow
โดย thatsawan อ 30 เม.ย. 2017 4:17 pm บอร์ด JavaScript & Jquery Ajax
2
6
อ 30 เม.ย. 2017 4:17 pm โดย thatsawan
ลับซ่อมpcโน๊ตบุคลงวินโด้ล่าค่า300ทุกอาหาร
โดย รับซ่อมคอมฯ ทุกอาการ อ 30 เม.ย. 2017 11:55 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
4
อ 30 เม.ย. 2017 11:55 am โดย รับซ่อมคอมฯ ทุกอาการ
[phpBB Debug] PHP Notice: in file [ROOT]/vendor/lusitanian/oauth/src/OAuth/OAuth2/Service/Facebook.php on line 147: Unde
โดย mindphp อ 30 เม.ย. 2017 1:02 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
7
อ 30 เม.ย. 2017 1:02 am โดย thatsawan
ช่วยดูโค๊ดนี้จาก error Unknown column '....' in 'where clause'
โดย Tanapat Sangtong ส 29 เม.ย. 2017 2:35 pm บอร์ด Programming - PHP
1
30
ส 29 เม.ย. 2017 2:35 pm โดย Tanapat Sangtong
server ไม่รองรับไฟล์รูปภาพที่เป็นภาษาไทย แก้ยังไงครับ
โดย tsukasaz ศ 28 เม.ย. 2017 6:18 pm บอร์ด Programming - PHP
0
10
ศ 28 เม.ย. 2017 6:18 pm โดย tsukasaz
ต้องการดึงจาก SQL มาแสดง Droplist แต่มันไม่แสดงครับ
โดย bondham ศ 28 เม.ย. 2017 5:04 pm บอร์ด Programming - PHP
2
24
ศ 28 เม.ย. 2017 5:04 pm โดย bondham
อยากทราบวิธี เช็ควัน หมดอายุ ของ SSL ได้ยังไงครับ ?
โดย M029 ศ 28 เม.ย. 2017 3:31 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
16
ศ 28 เม.ย. 2017 3:31 pm โดย M029
สอบถามคะ ติตั้ง joomla 1.5 ขึ้นแจ้งว่า Cookies do not appear to be enabled on your client. เป็นเพราะอะไรคะ
โดย moomai ศ 28 เม.ย. 2017 2:32 pm บอร์ด Joomla Development
1
21
ศ 28 เม.ย. 2017 2:32 pm โดย tsukasaz
สอบถามคะ ติดตั้ง Template ไม่ได้ขึ้น Error เป็นเพราะอะไรคะ
โดย moomai พฤ 27 เม.ย. 2017 7:52 pm บอร์ด Joomla Development
2
21
ศ 28 เม.ย. 2017 1:20 pm โดย tsukasaz
ถ้าจะออกแบบ db แบบระบบคล้ายๆmlm โครงสร้างทีไรบ้าง
โดย bondham อ 23 เม.ย. 2017 1:26 am บอร์ด SQL - Database
5
49
พฤ 27 เม.ย. 2017 7:26 pm โดย mindphp
สอบถามค่ะ ในโปรแกรมที่เราสร้างมี errpr ขึ้นหมายความว่ายังไงคะ
โดย moomai พฤ 27 เม.ย. 2017 2:09 pm บอร์ด Programming - PHP
3
30
พฤ 27 เม.ย. 2017 2:09 pm โดย tsukasaz
ติดตั้งโปรแกรม xampp ที่เป็นไฟล์ .zip ต้องทำยังไงบ้างคะ
โดย moomai พฤ 27 เม.ย. 2017 1:56 am บอร์ด Joomla Development
2
19
พฤ 27 เม.ย. 2017 1:56 am โดย moomai
ติดตั้งโปรแกรม xampp ที่เป็นไฟล์ .zip ต้องทำยังไงบ้างคะ
โดย moomai พฤ 27 เม.ย. 2017 1:55 am บอร์ด Joomla Development
0
6
พฤ 27 เม.ย. 2017 1:55 am โดย moomai
จะจัดตั้งบริษัทใหม่ มีค่าใช้จ่ายประมาณเท่าไหร่ครับ
โดย M029 พ 26 เม.ย. 2017 6:42 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
1
31
พ 26 เม.ย. 2017 6:42 pm โดย M029
ไปเรื่อง เรือดำน้ำ
โดย jataz2 พ 26 เม.ย. 2017 5:04 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
15
พ 26 เม.ย. 2017 5:04 pm โดย jataz2
ทำการติดตั้ง Joomla 1.5 แล้ว Error ต้องแก้ไขยังไงคะ
โดย moomai พ 26 เม.ย. 2017 4:51 pm บอร์ด Joomla Development
8
33
พ 26 เม.ย. 2017 4:51 pm โดย moomai
กำลังศึกษาภาษา Python สงสัยว่าพอเราเขียนชุดคำสั่งเสร็จแล้วจะนำไปใช้งานยังไงครับ
โดย amorn_au พ 26 เม.ย. 2017 11:25 am บอร์ด Programming - C/C++ & java & Python
0
23
พ 26 เม.ย. 2017 11:25 am โดย amorn_au
browser cache คืออะไรค่ะ
โดย thatsawan พ 26 เม.ย. 2017 10:56 am บอร์ด Programming - PHP
0
26
พ 26 เม.ย. 2017 10:56 am โดย thatsawan
มาแล้ว Joomla 3.7 มาตามสัญญา
โดย mindphp อ 25 เม.ย. 2017 11:44 pm บอร์ด PHP News
1
98
อ 25 เม.ย. 2017 11:44 pm โดย mindphp
R - mdsoft_claim_goods (ระบบเคลมสินค้า)
โดย dawthana อ 25 เม.ย. 2017 9:50 pm บอร์ด อาร์ซีพี โกลบอล จำกัด
1
21
อ 25 เม.ย. 2017 9:50 pm โดย dawthana