如何建立带有延迟的自定义事件

要建立一个带有延迟的自定义事件，你可以使用JavaScript中的setTimeout函数来实现。下面是一个示例代码：

// 创建一个名为DelayedEvent的自定义事件类
function DelayedEvent() {
  // 定义一个回调函数数组，用于存储事件的订阅者
  this.callbacks = [];
}

// 添加订阅者
DelayedEvent.prototype.subscribe = function(callback) {
  this.callbacks.push(callback);
}

// 触发事件
DelayedEvent.prototype.trigger = function(data, delay) {
  var self = this;

  // 使用setTimeout函数来实现延迟
  setTimeout(function() {
    // 遍历所有订阅者，并依次调用回调函数
    self.callbacks.forEach(function(callback) {
      callback(data);
    });
  }, delay);
}

// 创建一个DelayedEvent实例
var delayedEvent = new DelayedEvent();

// 添加两个订阅者
delayedEvent.subscribe(function(data) {
  console.log('订阅者1收到数据：', data);
});

delayedEvent.subscribe(function(data) {
  console.log('订阅者2收到数据：', data);
});

// 触发事件，并设置延迟时间为2000毫秒
delayedEvent.trigger('Hello, world!', 2000);

上述代码中，首先定义了一个名为DelayedEvent的自定义事件类。该类包含三个方法：subscribe用于添加订阅者，trigger用于触发事件，并通过setTimeout函数来实现延迟，setTimeout函数使用指定的延迟时间后调用回调函数。最后创建一个DelayedEvent实例，并添加两个订阅者，然后调用trigger方法触发事件并设置延迟时间为2000毫秒。当延迟时间结束后，订阅者的回调函数将被调用，并传递事件数据作为参数。