jQuery 计时器可以在时间 x、时间 y、时间 z 上触发事件吗？

Question

目前我的 web 应用程序接收 websocket 数据来触发操作。

这会在页面重新加载时中断，因此我需要一个能够触发特定事件的客户端解决方案。

这个想法可行吗？

假设你有

• TimeX = current_time 10 秒后应启动触发器 X
• TimeY = current_time 20 秒后应启动触发器 Y

• TimeZ = current_time 30 秒后应启动触发器 Z

  1. 是否可以将这些存储在 html 中，并在秒数倒计时为零时执行一些倒计时触发器？
  2. 如果浏览器在倒计时 0-1 之间进行重定向，是否仍然可以触发事件(比如 2/3 故障转移时间)？

我有一定的 jQuery 经验，很想听到一些对此的反馈和想法。预先感谢您

Answer 1

您需要使用setInterval()来设置对函数的延迟调用。像这样的事情:

var trigger;
function myFunc(t) {
    switch (t) {
        case "Y": 
            callTriggerY();
            trigger = "Z";
            break;
        case "Z": 
            callTriggerZ();
            trigger = "X";
            break;
        default: 
            callTriggerX();
            trigger = "Y";
            break;
}

setInterval(function() { myFunc(trigger); }, 10000); // call on interval
$(window).unload(function() { // call on leaving/reloading page
    myFunc(trigger);
});