안녕하세요 저자님.
p.577 13-9예제 질문드립니다.
https://ancandy.github.io/web1/13-9.html
Q. start 버튼 누르고 stop누른후 다시 start를 누르면 타미어가 작동할것으로 기대하고
코드를 작성했는데 안되네요..
한번 close함수를 호출한 워커태스크는(timer.js) 재사용이 안되나요?
2020.09.12 16:31
예제 13-9 질문드립니다.
조회 수 100 댓글 4
- ?
-
?
네 답변 감사합니다. 그런데,
답변주신것처럼 new Worker("timer.js");로 코드를 작성했는데
기대와는 달리 타이머가 작동안됩니다. -
?
다음 코드를 이용해보세요. 잘됩니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title></title>
<style></style>
<script></script>
</head>
<body>
<h2>타이머</h2>
<hr>
<span id="timer">타이머 카운트</span><br>
<button type="button" id="start" onclick="start(event)">start</button>
<button type="button" id="stop" onclick="stop(event)">stop</button>
<script>
var worker = null;
var span = document.getElementById("timer");
function start(e) {
if (worker != null)
return;
else{
worker = new Worker("timer.js");
worker.onmessage = function (e) {
span.innerHTML = e.data;
}
worker.postMessage("start");
}
}
function stop(e) {
worker.postMessage("stop");
worker = null;
}
</script>
</body>
</html> -
?
아..감사합니다.
worker.onmessage = function (e) {
span.innerHTML = e.data;
}
저의 코드에서 새로만든 워커객체에 리스너를 안달아줬네요.
답변 감사드립니다!
QnA
공부하면서 궁금했던 것을 질문해보세요.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 공지 |
읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다.
|
관리자 | 2017.06.20 | 18304 |
| 303 | 실습문제 4장 8번 1 | 오 | 2020.09.27 | 502 |
| 302 | 책을 마치며 7 | 은성 | 2017.04.13 | 492 |
| 301 | 몽구스 관련 질문입니다. 1 | 류경선 | 2018.01.20 | 490 |
| 300 | 10장 오픈챌린지 질문입니다. 1 | 질문있어요 | 2019.11.10 | 485 |
| 299 | 실습문제 11장 4번 1 | ㅎㅇ | 2018.12.02 | 471 |
| 298 | 8장 실습문제 1번에 (2)번 | 알려주셔요 | 2019.10.17 | 469 |
| 297 | 11장 실습문제 4번 1 | 웹프 | 2020.06.17 | 456 |
| 296 | 크롬 오디오 자동재생 관련 질문입니다! 1 | ^_^ | 2018.09.30 | 449 |
| 295 | open 10장 1 | sigwq | 2018.11.27 | 448 |
| 294 | document.write 내부에서의 onclick 이벤트 선언에 대한 오류 1 | tlqk | 2019.11.24 | 445 |
| 293 | 8장 오픈첼린지 질문드립니다! 1 | hola | 2018.10.31 | 442 |
| 292 | 384page 8장 실습문제5번 질문입니다. 6 | 1234 | 2019.08.16 | 441 |
| 291 | 오픈챌린지 6장 질문 | littlelion | 2018.06.20 | 435 |
| 290 | 9-8 실습 문제 질문있습니다. 1 | 웹프박살 | 2018.05.20 | 430 |
| 289 | 4장 실습문제 7번, 9번 1 | ehdtn6288 | 2018.10.01 | 428 |
| 288 | 연습문제 3장 p.155 5번 문제 1 | 열심히해보자 | 2020.10.07 | 423 |
| 287 | 질문입니다 1 | 1213 | 2018.03.06 | 420 |
| 286 | 안녕하세요 질문드립니다! 2 | Hola | 2018.10.17 | 418 |
| 285 | 465page 오픈챌린지10장 질문입니다. 2 | asdf | 2019.08.23 | 413 |
| 284 |
실습문제 5장 8번
1
|
rrr | 2018.04.18 | 412 |
close()는 워커 태스크를 종료시키는 함수입니다.
스레드나 프로세스가 종료되면 운영체제의 프로세스 리스트나 스레드 리스트에서 제거되는 것처럼
브라우저가 태스크 리스트에서 제거해 버리기 때문에 태스크 자체가 없어진 것입니다.
태스크와 timer.js를 약간 구분하는 것이 좋은데요,
태스크는 브라우저가 관리하는단위이고, 태스크가 실행하는 코드는 timer.js입니다.
자바의 스레드를 생각해보면 스레드 코드에서 run() 함수가 종료하면 스레드가 사라지게 되고
더 이상 스레드를 살릴 수 있는 방법이 없습니다. new Thread().start()를 호출하여 새로 스레드를 생성해야 하는 것처럼
워커 태스크로 new Worker("..."); 해서 새로 태스크를 생성해야 합니다.
파일의 경우에도 open() 후 읽고 쓰다가 close()하면 파일이 닫힙니다. 파일이 닫힌다는 의미는
파일 open() 시에 만들어둔 운영체제 내부의 자료 구조들(파일 테이블 항목 만들기, 파일 디스크립터 번호 할당 등) 을 모두 해제시켜 더 이상 읽기 쓰기가 안되는 거죠,
다시 open() 하면 운영체제는 내부에 파일을 읽고 쓸 수 있는 구조를 만들고 그 후에 읽기 쓰기가 되는 것처럼 말이죠,