要实现当按下开始按钮直到按下停止按钮时自动刷新页面的功能,可以通过以下步骤来实现:
<button id="startButton">开始</button>
<button id="stopButton">停止</button>
var startButton = document.getElementById("startButton");
var stopButton = document.getElementById("stopButton");
startButton.addEventListener("click", startRefresh);
stopButton.addEventListener("click", stopRefresh);
var refreshInterval;
function startRefresh() {
refreshInterval = setInterval(function() {
location.reload();
}, 1000); // 每隔1秒刷新页面
}
function stopRefresh() {
clearInterval(refreshInterval);
}
通过以上步骤,当按下开始按钮时,页面将每隔一段时间自动刷新一次,直到按下停止按钮为止。
这种功能在一些需要实时更新数据或展示动态内容的场景中非常有用,例如实时监控系统、股票行情展示等。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云