限制网页每日使用次数,防止过度访问
以下是一个简单的实现方式:
-
在页面加载时,使用 localStorage 记录页面使用次数,如果 localStorage 中不存在该记录,则初始化为 0。
-
每次页面使用时,将 localStorage 中的记录加 1,并判断是否达到 10 次。
-
如果达到 10 次,则使用 window.location.href 跳转到 1.html,并在 localStorage 中设置一个标志,表示今天无法再使用本页面。
-
如果未达到 10 次,则继续使用本页面。
代码实现:
// 获取 localStorage 中的记录
var count = localStorage.getItem('pageCount');
// 如果不存在记录,则初始化为 0
if (!count) {
count = 0;
}
// 每次使用页面时,记录次数并检查是否达到 10 次
count++;
if (count === 10) {
// 如果达到 10 次,则跳转到 1.html,并设置标志,表示今天无法再使用本页面
localStorage.setItem('pageBlocked', 'true');
window.location.href = '1.html';
} else {
// 如果未达到 10 次,则继续使用本页面
localStorage.setItem('pageCount', count);
}
// 检查是否今天已经被拒绝使用本页面
var blocked = localStorage.getItem('pageBlocked');
if (blocked === 'true') {
// 如果已经被拒绝,则提示今天无法再使用本页面,并跳转到 1.html
alert('今天无法再使用本页面!');
window.location.href = '1.html';
}
原文地址: https://www.cveoy.top/t/topic/muHk 著作权归作者所有。请勿转载和采集!