87,994
社区成员
发帖
与我相关
我的任务
分享按钮控制页面开始/停止刷新问题
请教下各位大神，这种可以输入时间，然后根据输入的时间来刷新页面的功能该怎么实现，谢谢！
<input type="text" id="test1">
<button type="button" id="startBtn">开始刷新</button>
<button type="button" id="stopBtn">停止刷新</button>
...全文
请发表友善的回复…
发表回复
TomJent 2018-08-11
- 打赏
- 举报
多谢大神，最近比较忙，忘记结贴了！！
天际的海浪 2018-08-07
- 打赏
- 举报
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
</head>
<body>
每<input type="text" id="test1">秒刷新一次。
倒计时<span id="time"></span>
<button type="button" id="startBtn">开始刷新</button>
<button type="button" id="stopBtn">停止刷新</button>
<script type="text/javascript">
var timer;
function reloadf() {
clearTimeout(timer);
var m = document.getElementById("test1").value;
sessionStorage.setItem("reloadTime",m);
function r() {
document.getElementById("time").innerHTML = m;
if (m-->0)
timer = setTimeout(r, 1000);
else
location.reload();
}
r();
}
document.getElementById("startBtn").onclick=reloadf;
document.getElementById("stopBtn").onclick=function () {
sessionStorage.removeItem("reloadTime");
clearTimeout(timer);
}
alert(0);
var n = sessionStorage.getItem("reloadTime");
if (n>0) {
document.getElementById("test1").value = n;
reloadf();
}
</script>
</body>
</html>
TomJent 2018-08-06
- 打赏
- 举报
厉害了，大神，给你满分，
那要是在边上显示一个能倒计时的可以吗？
天际的海浪 2018-08-06
- 打赏
- 举报
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
</head>
<body>
每<input type="text" id="test1">秒刷新一次。
<button type="button" id="startBtn">开始刷新</button>
<button type="button" id="stopBtn">停止刷新</button>
<script type="text/javascript">
var timer;
function reloadf() {
clearTimeout(timer);
var m = document.getElementById("test1").value;
sessionStorage.setItem("reloadTime",m);
timer = setTimeout(function(){
location.reload();
}, m*1000);
}
document.getElementById("startBtn").onclick=reloadf;
document.getElementById("stopBtn").onclick=function () {
sessionStorage.removeItem("reloadTime");
clearTimeout(timer);
}
var n = sessionStorage.getItem("reloadTime");
if (n>0) {
document.getElementById("test1").value = n;
reloadf();
}
</script>
</body>
</html>
