2012-06-09 2 views
0

У меня есть страница с тегом <body onload="setInterval('window.location.reload()', 60000);">, которая заставляет страницу обновляться каждые 1 минуту.Изменить тело onLoad на img нажмите

Я хочу сделать кнопку (ПАУЗА), которая при нажатии на нее отменяет обновление.

Я попытался следующие, но это не работает:

window.onload= function() {};

ответ

3

Использование 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>.... 
+0

спасибо, что это работа, но как насчет того, если я хочу снова активировать его ??? –

+1

@MarioSoft отредактировал ответ .. – gopi1410

1

Вы можете назвать clearInterval() как этот

id = setInterval('func', time); 
<button onlcick="clearInterval(id)">Pause</button> 

clearInterval() является метод в window объекта, который очищает ваш setInterval()

Here's a link с дополнительной информацией

+0

Может у пожалуйста, объясните, что ** clearInterval() * * –

1

Это лучше, если вы поставите свои скрипты в функции, так что вы можете позвонить это из других мест.

Как это ...

<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> 
1

Вам нужно что-то вроде этого:

<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> 
Смежные вопросы