在Javascript中添加多个持续时间_在HMS中添加持续时间_无法在javascript中更新css动画持续时间 - 腾讯云开发者社区

在Javascript中添加多个持续时间

在JavaScript中添加多个持续时间可以通过使用时间戳、定时器或者Promise来实现。

使用时间戳：在JavaScript中，可以通过获取当前的时间戳和指定的持续时间来计算出结束时间戳。然后使用定时器或者循环来检查当前时间是否已经达到或者超过了结束时间戳。

例如，如果想要在页面加载后延迟2秒后执行某个操作，可以使用以下代码：

function delayedExecution(callback, duration) {
  const endTime = Date.now() + duration;

  function checkTime() {
    const currentTime = Date.now();
    if (currentTime >= endTime) {
      callback();
    } else {
      setTimeout(checkTime, 100); // 每100毫秒检查一次时间
    }
  }

  setTimeout(checkTime, duration);
}

delayedExecution(function() {
  // 在这里执行需要延迟的操作
  console.log("Delayed execution after 2 seconds.");
}, 2000);

使用定时器： JavaScript中的setTimeout()函数可以用于在指定的持续时间后执行一次某个操作。如果想要添加多个持续时间，可以多次调用setTimeout()函数。

例如，如果想要在页面加载后分别延迟2秒、5秒和10秒后执行不同的操作，可以使用以下代码：

setTimeout(function() {
  // 在这里执行需要延迟2秒的操作
  console.log("Delayed execution after 2 seconds.");
}, 2000);

setTimeout(function() {
  // 在这里执行需要延迟5秒的操作
  console.log("Delayed execution after 5 seconds.");
}, 5000);

setTimeout(function() {
  // 在这里执行需要延迟10秒的操作
  console.log("Delayed execution after 10 seconds.");
}, 10000);

使用Promise：可以使用ES6中引入的Promise来实现延迟执行。通过创建一个返回Promise对象的函数，并在指定的持续时间后解决（resolve）Promise，从而实现延迟执行某个操作。

例如，如果想要在页面加载后延迟3秒执行某个操作，可以使用以下代码：

function delay(duration) {
  return new Promise(function(resolve) {
    setTimeout(function() {
      resolve();
    }, duration);
  });
}

delay(3000).then(function() {
  // 在这里执行需要延迟的操作
  console.log("Delayed execution after 3 seconds.");
});

以上是在JavaScript中添加多个持续时间的几种常用方法，具体使用哪种方法取决于具体的需求。如果还需要了解更多JavaScript相关知识，可以参考腾讯云的相关产品和文档：