如何限制网站在指定时间的访问?

发布日期:2024-06-28 10:56:55   浏览量 :392
发布日期:2024-06-28 10:56:55  
392

限制代码:


<script>
    window.onload = function() {
    // 获取当前时间
    var now = new Date();
    var currentHour = now.getHours();


    // 检查是否在23点到次日8点之间
    if (currentHour >= 23 || currentHour < 8) {
        // 清空页面内容
        document.body.innerHTML = '';


        // 动态添加CSS样式
        var style = document.createElement('style');
        style.innerHTML = `
            body {
                font-family: Arial, sans-serif;
                margin: 0;
                padding: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 100vh;
                background-color: #f0f0f0;
            }
            .warning-container {
                text-align: center;
                padding: 20px;
                border: 2px solid #ff0000;
                background-color: #fff3f3;
                border-radius: 10px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            }
            .warning-container h1 {
                color: #ff0000;
                margin-bottom: 10px;
            }
            .warning-container p {
                color: #333;
            }
        `;
        document.head.appendChild(style);


        // 创建提示容器
        var container = document.createElement('div');
        container.className = 'warning-container';


        // 创建标题
        var title = document.createElement('h1');
        title.textContent = '该时间段内无法访问页面';


        // 创建描述
        var description = document.createElement('p');
        description.textContent = '请在早上6点到晚上22点之间访问';


        // 将标题和描述添加到容器中
        container.appendChild(title);
        container.appendChild(description);


        // 将容器添加到body中
        document.body.appendChild(container);


        // 弹出警告框
        alert('该时间段内无法访问页面');
    }
};
</script>


将上述代码放入网站统计代码即可生效。

Copyright © 某某户外运动版权所有
扫一扫:关注我们
快捷导航
支持 反馈 订阅 数据