ให้เรตสมาชิก: 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
R - ปรับให้ Product ใน JoomShopping อัพรูปภาพตามสีได้
โดย tsukasaz ศ 25 พฤษภาคม 2018 5:49 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
0
3
ศ 25 พฤษภาคม 2018 5:49 pm โดย tsukasaz
B - ไม่สามารถ Import Serial Outgoing ได้ครับ [2018-05][004]
โดย AePongsak ศ 25 พฤษภาคม 2018 4:58 pm บอร์ด อาร์ซีพี โกลบอล จำกัด - Tester
1
11
ศ 25 พฤษภาคม 2018 6:33 pm โดย nuattawoot
เข้าใช้ไม่ได้ค่ะ [2018-05][003]
โดย Rujikon ศ 25 พฤษภาคม 2018 4:36 pm บอร์ด บวรเวชสมุนไพรไทย จำกัด - Tester
0
3
ศ 25 พฤษภาคม 2018 4:36 pm โดย Rujikon
Q - ทำรูปภาพให้สามารถเปลี่ยนสีได้ตามต้องการ
โดย Parichat ศ 25 พฤษภาคม 2018 4:04 pm บอร์ด Joomla Dev
12
33
ศ 25 พฤษภาคม 2018 6:20 pm โดย Parichat
Q - ย่อสินค้าให้เท่ากับพื้นหลัง
โดย Parichat ศ 25 พฤษภาคม 2018 3:40 pm บอร์ด Joomla Dev
16
36
ศ 25 พฤษภาคม 2018 6:15 pm โดย Parichat
Q - ใน Joomshopping ในหน้าเว็บเอา Order by กับ Display ออก
โดย Parichat ศ 25 พฤษภาคม 2018 3:04 pm บอร์ด Joomla Development
2
11
ศ 25 พฤษภาคม 2018 3:21 pm โดย Parichat
B - การใช้งาน Logged calls
โดย watcharin ศ 25 พฤษภาคม 2018 2:37 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
4
ศ 25 พฤษภาคม 2018 2:37 pm โดย watcharin
Q - จัดพื้นหลังให้เท่ากับเมนูด้านบน
โดย Parichat ศ 25 พฤษภาคม 2018 2:20 pm บอร์ด HTML CSS
1
12
ศ 25 พฤษภาคม 2018 2:50 pm โดย Parichat
B - ภาษีต้องเพิ่ม จากราคา
โดย thatsawan ศ 25 พฤษภาคม 2018 1:26 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
1
3
ศ 25 พฤษภาคม 2018 1:27 pm โดย thatsawan
Work's on Hand ปาริชาติ รัตโณภาส MT21
โดย Parichat จ 08 ม.ค. 2018 12:11 pm บอร์ด M061 - ปาริชาติ รัตโณภาส
19
1
ศ 25 พฤษภาคม 2018 4:26 pm โดย Parichat
งานประจำวันที่ 25 พฤษภาคม 2561
โดย Rujikon ศ 25 พฤษภาคม 2018 11:46 am บอร์ด M060 - นายรุจิกร พงษ์พิละ
2
8
ศ 25 พฤษภาคม 2018 8:06 pm โดย nuattawoot
B - ไม่สามารถเข้าไปดูรายละเอียดของ Customer ได้
โดย watcharin ศ 25 พฤษภาคม 2018 11:44 am บอร์ด M.D.Soft Co.,Ltd. - Tester
0
6
ศ 25 พฤษภาคม 2018 11:44 am โดย watcharin
Q - ต้องการให้ Python GUI( Tkinter ) เก็บ Path ที่ได้จากการ Browse
โดย rangsan ศ 25 พฤษภาคม 2018 11:32 am บอร์ด Programming - C/C++ & java & Python
4
23
ศ 25 พฤษภาคม 2018 3:40 pm โดย nuattawoot
Q - สร้างเทมเพลตใน Joomla แต่ไม่ขึ้นไฟล์ให้ติดตั้ง
โดย Parichat ศ 25 พฤษภาคม 2018 11:11 am บอร์ด Joomla Development
3
11
ศ 25 พฤษภาคม 2018 11:35 am โดย Parichat
งานประจำวันที่ 25 พฤษภาคม 2561
โดย Parichat ศ 25 พฤษภาคม 2018 10:45 am บอร์ด M061 - ปาริชาติ รัตโณภาส
2
4
ศ 25 พฤษภาคม 2018 7:25 pm โดย Parichat
งานประจำวันที่ 25 พฤษภาคม 2561
โดย rangsan ศ 25 พฤษภาคม 2018 10:45 am บอร์ด M058 - รังสรรค์ มุ่งกลาง
1
2
ศ 25 พฤษภาคม 2018 6:58 pm โดย rangsan
B - แก้ไขชื่อบริษัทไม่ได้ error
โดย thatsawan พฤ 24 พฤษภาคม 2018 6:21 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
1
พฤ 24 พฤษภาคม 2018 6:21 pm โดย thatsawan
G - ทดสอบระบบจริง เพิ่มลูกค้า สร้างใบเสนอราคา สร้าง inv รับชำระ ผ่าน
โดย thatsawan พฤ 24 พฤษภาคม 2018 6:17 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
6
พฤ 24 พฤษภาคม 2018 6:17 pm โดย thatsawan
Q - login เข้าหน้า admin ไม่ได้
โดย Parichat พฤ 24 พฤษภาคม 2018 6:03 pm บอร์ด Joomla Development
16
51
พฤ 24 พฤษภาคม 2018 11:24 pm โดย Parichat
Q - เลขรันเอกสารที่จะต้องใช้ในบริษัท
โดย thatsawan พฤ 24 พฤษภาคม 2018 5:16 pm บอร์ด M.D.Soft Co.,Ltd. (Main)
1
6
ศ 25 พฤษภาคม 2018 11:33 am โดย kanchanok