啓動/停止腳本刷新頁面

<html> 
<head> 

<script src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script> 
$(document).ready(function() { 

setTimeout(function() { window.location.reload(); }, 2000); // 2 seconds, e.g. 


}); 
</script> 

<script> 
    $("#siteloader") 
     .html('<object data="http://www.mysite.co.uk"/>'); 
</script> 


</head> 
<body> 
<div> 
<object type="text/html" data="http://www.mysite.co.uk" width="800px" height="600px" style="overflow:auto;border:5px ridge blue"> 
</object> 
</body> 
</html>

我有上面的代碼，它將站點加載到div中，並每隔2秒刷新頁面。我想要一個停止/啓動刷新功能的按鈕。我嘗試了幾種不同的方法，但似乎沒有任何工作。我有很少的JavaScript知識，所以我希望我的代碼不是太糟糕！啓動/停止腳本刷新頁面

來源

2014-12-04 AdamH

你爲什麼要重新加載整個頁面，而不是刷新它的必要組成部分（S）？ – 2014-12-04 10:40:06

我是新來的JavaScript，當然重新加載包含外部網站的div會更有效率，但我不是那種先進的：（ – AdamH 2014-12-04 10:44:36

在這裏你去：

<script type="text/javascript"> 
var timeout; 
$(document).ready(function() { 
    timeout = setTimeout(function() { window.location.reload(); }, 2000); // 2 seconds, e.g. 
    $("#siteloader").html('<object data="http://www.mysite.co.uk"/>'); 
}); 

function stopReload() { 
    clearTimeout(timeout); 
} 

</script>

而且你可以添加一個按鈕，或者像這樣的東西來阻止這樣的超時：

<a onclick="stopReload();">Stop it!</a>

編輯：

啓動它再次改變這樣的代碼：

<script type="text/javascript"> 
var timeout; 
$(document).ready(function() { 
    startReload(); //NEW PART 
    $("#siteloader").html('<object data="http://www.mysite.co.uk"/>'); 
}); 

function stopReload() { 
    clearTimeout(timeout); 
} 
function startReload() { 
    timeout = setTimeout(function() { window.location.reload(); }, 2000); // 2 seconds, e.g. 
} 

</script>

並添加另一個按鈕：

<a onclick="startReload();">Start it!</a>

來源

2014-12-04 10:47:31

非常好，感謝代碼幫助，只是我需要:)你有任何想法如何再次啓動該功能？我的js知識目前還沒有削減:( – AdamH 2014-12-04 11:01:21

在答案中看我的編輯部分。 – 2014-12-04 11:09:06

哦，你絕對的傳奇。非常感謝，很多很多謝謝:) – AdamH 2014-12-04 11:10:23

setTimeout有一個返回值，您可以使用它來停止計時器。 http://www.w3schools.com/jsref/met_win_cleartimeout.asp這個頁面上還有一個例子，它完全符合你的需求。

來源

2014-12-04 10:35:22 orange

雖然是真的，但這是更多的評論，你需要完成你的答案與你的意思的代碼示例（適用於所問的問題） – 2014-12-04 10:38:02

請按照鏈接...並且，我不需要*用代碼示例完成答案任何有助於解決問題的方法 – orange 2014-12-04 10:41:10

在這種情況下，這個建議應該作爲一個評論。不是我的DV順便說一句 – 2014-12-04 10:43:54

啓動/停止腳本刷新頁面

回答

相關問題