반응형
Q>
숫자를 카운팅하는 웹 워커를 생성하고 이것을 웹 페이지에서 받아서 화면에 표시하는 프로그램을 작성해 보라.
A>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web Worker Quiz</title>
</head>
<body>
<p>Counter numbers:
<output id="result"></output>
</p>
<button onclick="startWorker()">Start Worker</button>
<button onclick="stopWorker()">Stop Worker</button>
<script>
var w;
function startWorker() {
if (typeof (Worker) !== "undefined") {
if (typeof (w) == "undefined") {
w = new Worker("worker.js");
}
w.onmessage = function (event) {
document.getElementById("result").innerHTML = event.data;
};
}
else {
document.getElementById("result").innerHTML = "웹브라우저가 웹워커를 지원하지 않음";
}
}
function stopWorker() {
w.terminate();
}
</script>
</body>
</html>
var i = 0;
function timedCount() {
i = i + 1;
postMessage(i);
setTimeout("timedCount()", 500);
}
timedCount();
R>
 |
|
반응형
'Python_WEB > JavaScript' 카테고리의 다른 글
| [Ch14]HTML5 웹 스토리지, 파일 API, 웹 소켓 연습문제 1 (0) | 2021.01.01 |
|---|---|
| [Ch13]HTML5 위치 정보와 드래그와 드롭 연습문제 3 (0) | 2020.12.31 |
| [Ch13]HTML5 위치 정보와 드래그와 드롭 연습문제 1 (0) | 2020.12.31 |
| [Ch12]jQuery, Ajax, JSON 연습문제 4 (0) | 2020.12.30 |
| [Ch12]jQuery, Ajax, JSON 연습문제 3 (0) | 2020.12.30 |
