gpt4 book ai didi

javascript - 启动/停止脚本以刷新页面

转载 作者:行者123 更新时间:2023-12-02 16:43:36 30 4
gpt4 key购买 nike

<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 的了解很少,所以我希望我的编码不会太糟糕!

最佳答案

给你:

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

关于javascript - 启动/停止脚本以刷新页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27291757/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com