<body onload="setInterval('window.location.reload()', 60000);">
ページを 1 分ごとに更新するタグを持つページがあります。
クリックすると更新をキャンセルするボタン ( PAUSE ) を作成したいと思います。
次のことを試しましたが、うまくいきません。
window.onload= function () {};
<body onload="setInterval('window.location.reload()', 60000);">
ページを 1 分ごとに更新するタグを持つページがあります。
クリックすると更新をキャンセルするボタン ( PAUSE ) を作成したいと思います。
次のことを試しましたが、うまくいきません。
window.onload= function () {};
clearInterval()を使用する
あなたのスクリプトで:
var pid=false;
function clear()
{
clearInterval(pid);
pid=false;
}
function resume()
{
if(!pid)
pid=setInterval('window.location.reload()', 60000);
}
体内で
<body onload="pid=setInterval('window.location.reload()', 60000);">....
<button onclick="clear()">Pause</button>
<button onclick="resume()">Resume</button>....
clearInterval()
このように呼び出すことができます
id = setInterval('func', time);
<button onlcick="clearInterval(id)">Pause</button>
clearInterval()
window
あなたをクリアするオブジェクトのメソッドですsetInterval()
詳細情報へのリンクはこちら
次のようなものが必要です。
<script>
var reloadInterval;
var run = true;
function setMyInterval()
{
reloadInterval = setInterval('window.location.reload()', 60000);
}
function Pause()
{
if(run)
{
clearInterval(reloadInterval);
}
else
{
reloadInterval = setInterval('window.location.reload()', 60000);
}
}
</script>
html:
<body onload = 'setMyInterval()'>
<button onlcick="Pause()">Pause / Play</button>
他の場所からも呼び出すことができるように、スクリプトを関数に入れたほうがよいでしょう。
このような...
<html>
<head>
<script type="text/javascript">
var intervalRef;
function ResumeRefresh(interval){
intervalRef = setInterval('window.location.reload()', interval);
}
function StopRefresh(){
intervalRef=window.clearInterval(intervalRef);
}
</script>
</head>
<body onload="ResumeRefresh(60000);">
<input type="button" val="Stop Refreshing" onclick="StopRefresh();"></input>
</body>