HTML5 Web Worker

Web Worker(thread) : 웹 환경에서의 다중 스레드 구현.

Create Web Worker :

  1. Worker() 를 이용하여 워커 스레드를 실행할 스크립트 URI지정
 var worker;
 function create_Worker()
 {
  wokrer = new Worker('worker.js');  <-- worker.js 를 백그라운드에서 처리.
  
 }

Send massage to Worker :
  워커에 메세지를 보내 백 그라운드에서 워커를 실행하도록 할 수 있다.
  메세지를 보낼 때에는 postMessage()를 호출한다.
 
 document.getElementById('start-worker').onClick = function(){
  // create Worker
  createWorker();
  
  // send message
  worker.postMessage(document.getElementById('worker-start-value').value);
 }

listener :
 Worker - onMessage event handler
 onMessage = function(arg) {
  // todo
 };

 

 /*샘플 코드 첨부*/

 

WebWorker.html

 

worker.js