首页 > 解决方案 > 在Javascript中将cookie添加到计数

问题描述

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

标签: javascript

解决方案


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

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


推荐阅读