gpt4 book ai didi

javascript - 如何在java脚本中制作倒数计时器,它不应该在页面重新加载时重置

转载 作者:行者123 更新时间:2023-11-30 17:13:20 25 4
gpt4 key购买 nike

我已经使用了这段代码,但当我刷新页面时,它重置为初始阶段,我希望它应该在页面重新加载后继续,这也是我使用的代码

<html>
<head>
<title>Timer</title>
</head>
<body>
<form name="counter"><input type="text" size="8" name="d2"></form>

<script>
<!--
//
var milisec=0
var seconds=30
document.counter.d2.value='30'

function display()
{
if (milisec<=0)
{
milisec=9
seconds-=1
}
if (seconds<=-1)
{
milisec=0
seconds+=1
}
else
milisec-=1
document.counter.d2.value=seconds+"."+milisec
setTimeout("display()",100)
}
display()
-->
</script>
</body>
</html>

最佳答案

您可以在 localStorage 中保存当前秒值(或者可能是 sessionStorage)这是保存值的最简单方法:

var milisec = 0
var seconds = localStorage.seconds || 30;
document.counter.d2.value = seconds;

function display() {

if (milisec <= 0) {
milisec = 9
seconds -= 1
}

if (seconds <= -1) {
milisec = 0
seconds += 1
} else milisec -= 1

localStorage.seconds = seconds;
document.counter.d2.value = seconds + "." + milisec;

if (seconds > 0 || (seconds == 0 && milisec > 0)) {
setTimeout(display, 100);
}
}

display();

另请注意,您可能希望在计时器达到 0 值时停止间隔,因此我添加了 seconds > 0 || (seconds == 0 && milisec > 0) 部分。

演示:http://jsfiddle.net/6zL5eL2z/1/

关于javascript - 如何在java脚本中制作倒数计时器,它不应该在页面重新加载时重置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26563315/

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