<html>
<head>
<script type="text/javascript">
var myTime;
window.onload = function(){
var clock = document.getElementById('clock');
startTime();
};
function stopTime(){
clearInterval(myTime);
}
// 윈도우 타이머
function startTime(){
myTime = setInterval(function(){
clock.innerHTML = new Date().toString();
}, 1000);
}
// 클로저 예, 지역변수 남겨두는 현상, 리턴된 함수 자체
function test(name){
var output = 'Hello ' + name + ' ... !';
return function () {
alert(output);
};
}
test('JavaScript')();
var test1 = test('Web');
test1();
function nextRandomInteger(limit){
return Math.round(Math.random()*limit);
}
// 클로저 활용, 메모리 효율적
var randomAlphabet = function(){
var alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
return function(){
return alphabet.charAt(nextRandomInteger(25));
}
}();
window.onload = function(){
document.body.innerHTML += randomAlphabet();
};
</script>
</head>
<body>
<h1 id='clock'></h1>
<button onClick='stopTime();'>Stop</button><br/>
<button onClick='startTime();'>Start</button><br/>
</body>
</html>
'jQuery 등 스크립트 ' 카테고리의 다른 글
| 자바스크립트 날짜 비교 (0) | 2015.05.27 |
|---|---|
| JavaScript 디스플레이하는 4가지 방법 (0) | 2015.05.08 |
| 문서 객체 모델 (0) | 2015.05.06 |
| jQuery 다운로드 및 도움말 다운로드 (0) | 2015.04.29 |
| Cordova (폰갭) backkey 막기 (0) | 2015.04.14 |