设置30秒计时器的代码

Posted 2021-05-04

请尝试使用javascript和html将我的所有页面与渐进式30秒计时计时器链接起来，而无需在页面导航中重新计算。谢谢！

答案

从评论中了解更多信息，这是您的代码：

在index.html的某个地方

<div id="counter"></div>

YourScript.js

// Simplifies getting the value of a cookie
function getCookie(name)
  {
    var re = new RegExp(name + "=([^;]+)");
    var value = re.exec(document.cookie);
    return (value != null) ? unescape(value[1]) : null;
  }

// Max time for cookie
var count = 30;
if(document.cookie && document.cookie.match('counter')) {
    // Set value of counter to match the cookie
    count = getCookie('counter');
}

// Runs once per second
setInterval(function() {
  // Decrease the value of count by 1 every second  
  count--;
  // if count is less or equal to 0 we move to menu.html
  if(count <= 0) {
    window.location.href="menu.html"
  }
  // Set the text inside the <div id="counter"></div> to the value of counter
  document.getElementById('counter').innerHTML = count;
  // Set the value of the cookie to match the value of our counter variable
  document.cookie = 'counter=' + count;
}, 1000);

我为此创建了一个jsfiddle，但由于某种原因，jsfiddle现在不想为我创建一个唯一的URL ...转到jsfiddle.net并将其粘贴到脚本字段中，然后将div粘贴到html区域，然后按几次运行，你会看到计数器不断倒计时，在页面刷新之间保持不变。