안녕하세요 저자님.
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 | 18279 |
| 403 | 혹시 예전 서적인 "DHTML + 자바스크립트 프로그래밍"의 예제를 받을 수 있는 방법은 없는지요? 2 | 비만타쿠미 | 2018.09.26 | 116 |
| 402 | 한글html 1 | 키보드 향기 | 2020.03.29 | 922 |
| 401 | 한글 타이틀이 깨져 보입니다. 1 | 안스가리오 | 2020.01.06 | 116 |
| 400 | 표와 div span 4 | 키보드 향기 | 2020.04.05 | 109 |
| 399 | 페이지에 첨부하고 싶은 이미지의 위치에대해 궁금합니다 1 | 정택희 | 2017.02.13 | 277 |
| 398 |
페이지 247 에 있는 Open Challenge 05 의 CSS3로 태그 배치하기를 공부하고 있는데 질문드립니다.
1
|
워니고 | 2018.03.28 | 3877 |
| 397 | 테스트 | 관리자 | 2019.08.30 | 171 |
| 396 | 태그와 속성 2 | tc0712 | 2021.09.08 | 72 |
| 395 | 크롬 오디오 자동재생 관련 질문입니다! 1 | ^_^ | 2018.09.30 | 449 |
| 394 |
코드 잘못된 부분을 봐주시면 정말 감사하겠습니다
1
|
입문한 사람 | 2020.04.01 | 607 |
| 393 | 캔버스 관련 질문 1 | 원그리기 | 2021.08.22 | 101 |
| 392 | 챕터2 연습문제 8번 | 김석현 | 2018.04.22 | 156 |
| 391 | 챕터 3의 10번 문제 1 | 컴공과 입문 | 2018.03.20 | 125 |
| 390 | 책을 종이책으로 구매했는데 1 | ddd | 2024.03.21 | 98 |
| 389 | 책을 마치며 7 | 은성 | 2017.04.13 | 492 |
| 388 | 책 151p 3장 오픈챌린지 문제질문입니다. 3 | 이상민 | 2019.07.19 | 238 |
| 387 | 짝수번 정답 3 | idididid | 2017.12.24 | 3135 |
| 386 | 질문입니다 1 | 1213 | 2018.03.06 | 420 |
| 385 | 질문드립니다. 1 | ㅇㅇ | 2020.06.03 | 306 |
| 384 | 질문 있습니다. 2 | 흠 | 2021.08.19 | 134 |
close()는 워커 태스크를 종료시키는 함수입니다.
스레드나 프로세스가 종료되면 운영체제의 프로세스 리스트나 스레드 리스트에서 제거되는 것처럼
브라우저가 태스크 리스트에서 제거해 버리기 때문에 태스크 자체가 없어진 것입니다.
태스크와 timer.js를 약간 구분하는 것이 좋은데요,
태스크는 브라우저가 관리하는단위이고, 태스크가 실행하는 코드는 timer.js입니다.
자바의 스레드를 생각해보면 스레드 코드에서 run() 함수가 종료하면 스레드가 사라지게 되고
더 이상 스레드를 살릴 수 있는 방법이 없습니다. new Thread().start()를 호출하여 새로 스레드를 생성해야 하는 것처럼
워커 태스크로 new Worker("..."); 해서 새로 태스크를 생성해야 합니다.
파일의 경우에도 open() 후 읽고 쓰다가 close()하면 파일이 닫힙니다. 파일이 닫힌다는 의미는
파일 open() 시에 만들어둔 운영체제 내부의 자료 구조들(파일 테이블 항목 만들기, 파일 디스크립터 번호 할당 등) 을 모두 해제시켜 더 이상 읽기 쓰기가 안되는 거죠,
다시 open() 하면 운영체제는 내부에 파일을 읽고 쓸 수 있는 구조를 만들고 그 후에 읽기 쓰기가 되는 것처럼 말이죠,