javascript - 在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>
解决方案
如果您要存储的信息不需要发送到服务器端程序,您可以使用 HTML5sessionStorage
或localSotrage
将信息存储在客户端 Web 浏览器中。
请查看 W3CSchool 上的示例,他们实际上有一个与您需要的类似的点击计数器示例。
推荐阅读
- python - 在 DataFrame 的所有列上使用 groupby()
- java - 如何基于按钮单击在我的 Android 应用程序中创建输入字段?
- java - 弹性搜索:对嵌套段应用过滤器并仅返回这些段
- java - 大摇大摆定义中的属性顺序从运行到运行
- vba - 保护时宏抛出错误
- java - 使用 @TestPropertySource 时出现 javax.management.InstanceAlreadyExistsException
- android - Android sdk MediaPlayer 无证错误额外代码 (1, -1015)
- systemd - 系统定时器。几个实例,不同的时间?
- mysql - 将 Workbench 用于保存在本地 PC(桌面)上的 SQL 数据库
- c++ - 取得所有权之前的 std::unique_ptr 测试