©TCP-tryWWW

<!DOCTYPE html>
<html lang="ko">

<head>
	<meta charset="UTF-8">
	<title>HTML5 API Web Worker</title>
</head>

<body>

	<h1>web worker를 이용한 동시 작업</h1>

	<p>현재까지 발견한 소수의 개수는 <output id="result"></output>입니다.</p>
	<button onclick="startWorker()">Web Worker 시작</button> 
	<button onclick="stopWorker()">Web Worker 종료</button>
	<p>위의 스크립트가 실행되는 동안에도 텍스트 필드에 글을 쓰는 작업을 동시에 할 수 있습니다!</p>
	<textarea rows="10" cols="50"></textarea>

	<script>
		var webworker;

		function startWorker() {
			if(typeof(Worker) !== "undefined") {		// web worker 지원 여부 확인
				if(typeof(webworker) == "undefined") {	// web worker 객체 생성
					webworker = new Worker("/examples/media/web_worker.js");
				}
				webworker.onmessage = function(event) {	// web worker 객체와의 연결
					document.getElementById("result").innerHTML = event.data;
				};
			} else {
				document.getElementById("result").innerHTML = "이 문장은 사용자의 웹 브라우저가 Web Worker API를 지원하지 않을 때 나타납니다!";
			}
		}

		function stopWorker() { 
			webworker.terminate();	// web worker 객체의 실행 종료
			webworker = undefined;	// web worker 객체의 재사용
		}
	</script>
</body>

</html>

​x
 
<!DOCTYPE html>
<html lang="ko">
​
<head>
    <meta charset="UTF-8">
    <title>HTML5 API Web Worker</title>
</head>
​
<body>
​
    <h1>web worker를 이용한 동시 작업</h1>
​
    <p>현재까지 발견한 소수의 개수는 <output id="result"></output>입니다.</p>
    <button onclick="startWorker()">Web Worker 시작</button> 
    <button onclick="stopWorker()">Web Worker 종료</button>
    <p>위의 스크립트가 실행되는 동안에도 텍스트 필드에 글을 쓰는 작업을 동시에 할 수 있습니다!</p>
    <textarea rows="10" cols="50"></textarea>
​
    <script>
        var webworker;
​
        function startWorker() {
            if(typeof(Worker) !== "undefined") {        // web worker 지원 여부 확인
                if(typeof(webworker) == "undefined") {  // web worker 객체 생성
                    webworker = new Worker("/examples/media/web_worker.js");
                }
                webworker.onmessage = function(event) { // web worker 객체와의 연결
                    document.getElementById("result").innerHTML = event.data;
                };
            } else {
                document.getElementById("result").innerHTML = "이 문장은 사용자의 웹 브라우저가 Web Worker API를 지원하지 않을 때 나타납니다!";
            }
        }
​
        function stopWorker() { 
            webworker.terminate();  // web worker 객체의 실행 종료
            webworker = undefined;  // web worker 객체의 재사용
        }
    </script>
</body>
​
</html>