ht12_worker.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
if(typeof(Worker) == "undefined"){
alert("웹워커를 지원하지 않음");
return;
}
var worker = new Worker("ht12worker.js");
$("#btnOk").click(function(){
worker.postMessage($("#guguNum").val()); // ht11worker.js로 데이터 보내줌
});
worker.onmessage = function(event){
$("#result").html(event.data); // 데이터 받음
}
});
</script>
</head>
<body>
구구단 출력
<br/>
<input type="text" id="guguNum">
<input type="button" id="btnOk" value="확인">
<hr>
<div id="result"></div>
</body>
</html>
=====================================================================================
ht12worker.js
onmessage = function(event){
var result = "";
var gugu = event.data;
//worker.postMessage(data) 이런식으로 하나만 보내기 때문에 event.data.result 식으로 써줄필요없다.
for(var a=1; a<10; a++){
result += gugu + "*" + a + "=" + (gugu*a) + "<br/>";
}
postMessage(result);
};
'HTML' 카테고리의 다른 글
| HTML5 - 파일읽기 (0) | 2014.02.14 |
|---|---|
| HTML5 - 구글맵 사용하기 (0) | 2014.02.14 |
| html5 - storage (쿠키보다 큰 용량을 임의로 저장시킬 수 있는 기능) (0) | 2014.02.14 |
| html5 - mainfest ( 네트워크가 끊어졌을 경우를 대비한 작업) (0) | 2014.02.14 |
| HTML 16진수 색상코드 (0) | 2013.06.23 |