精确控制JavaScript定时任务：实现整点弹窗与桌面通知

let lastTriggeredHourMinute = null; // 用于记录上次触发的时间，格式为 "小时-分钟"

setInterval(function() {
    const now = new Date();
    const currentHour = now.getHours();
    const currentMinute = now.getMinutes();
    const currentHourMinute = `${currentHour}-${currentMinute}`; // 例如 "10-0"

    // 检查是否是整点 (分钟数为0)
    // 并且当前小时-分钟组合与上次触发的不同，防止重复触发
    if (currentMinute === 0 && currentHourMinute !== lastTriggeredHourMinute) {
        // 进一步限制触发时间范围，例如从10点到18点 (下午6点)
        if (currentHour >= 10 && currentHour <= 18) {
            console.log(`在 ${currentHour}:00 整点触发任务！`);
            // 在这里调用你的任务函数，例如显示弹窗或发送通知
            triggerHourlyTask();

            lastTriggeredHourMinute = currentHourMinute; // 更新上次触发的时间
        }
    }
}, 200); // 每200毫秒检查一次，确保能捕捉到整点

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="myModalLabel">报告提交</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <!-- 报告内容将通过 AJAX 加载到这里 -->
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
        <!-- 其他按钮，例如提交 -->
      </div>
    </div>
  </div>
</div>

// 设置 AJAX 的 CSRF Token，这是 Laravel 应用的常见做法
$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});

/**
 * 负责通过 AJAX 获取数据并显示弹窗的函数
 */
function get_task_data() {
    $.ajax({
        url: '{{ route('project.employee.task') }}', // 替换为你的 Laravel 路由
        type: 'GET',
        data: {} // 如果有需要发送的数据，可以在这里添加
    }).done(function(data) {
        // 清空 modal-body，确保每次加载新内容
        $('#myModal .modal-body').empty().append(data);
        $('#myModal').modal('show'); // 显示弹窗
    }).fail(function(jqXHR, textStatus, errorThrown) {
        console.error("获取任务数据失败: " + textStatus, errorThrown);
        // 可以添加错误提示，例如 alert('加载报告失败，请稍后再试。');
    });
}

// 核心的定时任务触发器
let lastTriggeredHourMinute = null;

function triggerHourlyTask() {
    // 可以在这里添加一些日志或前端提示
    console.log("正在准备显示报告弹窗...");
    get_task_data(); // 调用显示弹窗的函数
}

setInterval(function() {
    const now = new Date();
    const currentHour = now.getHours();
    const currentMinute = now.getMinutes();
    const currentHourMinute = `${currentHour}-${currentMinute}`;

    // 检查是否是整点且未在当前分钟内触发过
    if (currentMinute === 0 && currentHourMinute !== lastTriggeredHourMinute) {
        // 限制触发时间在上午10点到下午6点之间 (10 <= hour <= 18)
        if (currentHour >= 10 && currentHour <= 18) {
            triggerHourlyTask(); // 触发任务
            lastTriggeredHourMinute = currentHourMinute; // 更新触发标记
        }
    }
}, 200); // 每200毫秒检查一次

// ... (之前的 $.ajaxSetup 和 get_task_data 函数保持不变) ...

/**
 * 负责在整点触发任务，包括显示弹窗和发送桌面通知
 */
function triggerHourlyTask() {
    console.log("正在准备显示报告弹窗并发送桌面通知...");

    // 1. 显示弹窗
    get_task_data();

    // 2. 发送桌面通知
    if (!("Notification" in window)) {
        console.warn("当前浏览器不支持桌面通知。");
        return;
    }

    // 检查是否已授予通知权限
    if (Notification.permission === "granted") {
        sendReportNotification();
    } else if (Notification.permission !== "denied") {
        // 如果权限尚未被授予或拒绝，请求用户授权
        Notification.requestPermission().then(permission => {
            if (permission === "granted") {
                sendReportNotification();
            } else {
                console.warn("用户拒绝了桌面通知权限。");
            }
        });
    } else {
        console.warn("用户已拒绝桌面通知权限，无法发送。");
    }
}

/**
 * 发送桌面通知的具体实现
 */
function sendReportNotification() {
    const options = {
        body: "请及时提交您的工作报告。", // 通知主体内容
        icon: '/path/to/your/icon.png', // 可选：通知图标的URL
        // tag: 'hourly-report', // 可选：用于分组和替换现有通知
        // renotify: true // 可选：即使tag相同也重新显示通知
    };
    const notification = new Notification("报告提醒", options);

    // 可选：点击通知时的行为
    notification.onclick = function(event) {
        event.preventDefault(); // 阻止默认行为
        window.focus(); // 将浏览器窗口置于最前
        // 可以进一步导航到报告页面或打开弹窗
        $('#myModal').modal('show');
        notification.close(); // 关闭通知
    };
}

// ... (setInterval 核心逻辑保持不变) ...