将Cookie添加到JavaScript中的计数

Question

我下面有这个Javascript。 它向上计数（它说倒数，但现在已从00修改为“计数”）。 但是，当刷新浏览器或返回到页面时，计数器将再次从00开始。 有没有一种方法可以向其中添加cookie或其他代码，以便它记住某人正在浏览网站的会话所处的计数？

     <script type="text/javascript">
        function pad(num, size) {
  var s = num + "";
  while (s.length < size) s = "0" + s;
  return s;
}

function initCountdown() {
  setTimeout(function() {
    current_wait++;

    if (current_wait <= waits.length) {
      var countdowns = document.getElementsByClassName('countdown'); 

      for (var i = 0; i < countdowns.length; i++) {
        var number = parseInt(countdowns[i].innerHTML);
        number++;

        countdowns[i].innerHTML = pad(number, 2);
      }

      initCountdown();
    }
  }, waits[current_wait] * 1000);
}

var initial_number = 0;
var waits = [2, 8, 16, 26, 44, 66, 88, 99, 121]; //t-val
var current_wait = 0;

var countdowns = document.getElementsByClassName('countdown');

for (var i = 0; i < countdowns.length; i++) {
  countdowns[i].innerHTML = pad(initial_number, 2);
}

initCountdown();
    </script>

Answer 1

如果您要存储的信息不需要发送到服务器端程序，则可以使用HTML5 sessionStorage或localSotrage将信息存储在客户端Web浏览器中。

请查看W3CSchool上的示例 ，它们实际上有一个与您所需类似的点击计数器示例。