gpt4 book ai didi

使用 PHP 的 Javascript 倒计时

转载 作者:行者123 更新时间:2023-11-29 15:43:34 26 4
gpt4 key购买 nike

我想在我的 PHP 页面上有一个与特定按钮关联的倒计时,我正在使用以下基于 javascript 的代码但是,它会在页面重新加载时重置目标值,所以如何在不重置目标值的情况下获得相同的值。我可以用 session 做点什么吗??

    <html>
<body>
<p>Time remaining: <span id="countdownTimer"><span>00:00.<small>00</small></span></p>
<script type="text/javascript">
if (document.getElementById('countdownTimer')) {
pad = function(n, len) { // leading 0's
var s = n.toString();
return (new Array( (len - s.length + 1) ).join('0')) + s;
};

function countDown() {
var now = new Date();
if ( (now.getDay() >= 0) && (now.getDay() <= 6) ) { // Monday to Friday only
var target = 23; // 15:00hrs is the cut-off point
if (now.getHours() < target) { // don't do anything if we're past the cut-off point
var hrs = (target - 1) - now.getHours();
if (hrs < 0) hrs = 0;
var mins = 59 - now.getMinutes();
if (mins < 0) mins = 0;
var secs = 59 - now.getSeconds();
if (secs < 0) secs = 0;
var str = pad(hrs, 2) + ':' + pad(mins, 2) + '.<small>' + pad(secs, 2) + '</small>';
document.getElementById('countdownTimer').innerHTML = str;
}
}
}
var timerRunning = setInterval('countDown()', 1000);
}
</script>
</body>
</html>

最佳答案

而不是像这样评估你的变量“现在”:

var now = new Date();

像这样评估它(假设我们的浏览器支持 LocalStorage):

if (!localStorage.myDate)
localStorage.myDate = (new Date()).toString();
var now = new Date(localStorage.myDate);

这样,我们只会在第一次加载时评估当前日期。之后,我们引用该日期的序列化字符串版本,并在创建“now”变量时将其作为参数传递。

如果我们想要支持较旧的浏览器(咳咳 IE),我们可以使用 userData 或简单地使用 cookie 做一些非常相似的事情。

关于使用 PHP 的 Javascript 倒计时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15341600/

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