将Cookie添加到JavaScript中的计数

时间:2019-02-28 09:47:13

标签: javascript

我下面有这个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>

1 个答案:

答案 0 :(得分:0)

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

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