tips blog

setTimeoutのキャンセル等

2011年3月5日

<html>
<head>
<script type=”text/javascript”>
var sto=setTimeout(handler,1000);
function handler(){
alert(‘ok’);
}
clearTimeout(sto);
sto=setTimeout(handler2,3000);
function handler2(){
alert(‘cancel’);
}
</script>
</head>
<body>
【結果】 3秒後 cancel表示
</body>
</html>
<html>
<head>
<script type=”text/javascript”>
var sto=setTimeout(handler,1000);
function handler(){
alert(‘ok’);
}
sto=setTimeout(handler2,3000);
function handler2(){
alert(‘cancel’);
}
clearTimeout(sto);
</script>
</head>
<body>
【結果】 1秒後 ok表示
</body>
</html>
<html>
<head>
<script type=”text/javascript”>
var sto=setTimeout(handler,1000);
function handler(){
alert(‘ok’);
}
sto=setTimeout(handler2,3000);
function handler2(){
alert(‘cancel’);
}
</script>
</head>
<body>
【結果】 1秒後 ok 3秒後 cancel表示
</body>
</html>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です