javascript 是一门广受欢迎的编程语言，常常用于构建动态网页和交互式应用程序。在 web 开发中，控制时间是重要的一部分，因为时间会影响到页面的元素、动画以及用户交互等方面。在 javascript 中，我们有多种方式来控制时间，包括定时器、延时器以及动画框架等。但有时候，我们需要暂停时间，以便进行一些特定的操作，比如等待异步任务完成或者等待用户做出选择。本文将讨论如何使用 javascript 停止时间。
一、定时器
在 JavaScript 中，我们可以使用 setInterval() 和 setTimeout() 函数来实现定时器。setInterval() 函数可以周期性地调用一个指定的函数，setTimeout() 函数可以在一定的时间后调用一个指定的函数。但当我们想要暂停时间时，这两个函数并不是非常有用。
例如，我们想要暂停时间 2 秒钟，然后再执行后续的代码，我们可能需要这样写：
setTimeout(function() {
// 暂停 2 秒钟
setTimeout(function() {
// 执行后续代码
}, 2000);
}, 0);但这种方式不太优雅，并且不够直接。因此，我们可以使用 Promise 和 async/await 方法来实现更加优雅和直接的方式。
立即学习“Java免费学习笔记（深入）”；
二、Promise
Promise 是一种异步编程模型，它可以简化复杂的异步操作，并能够在代码中处理异步操作的状态和结果。
通过使用 Promise，我们可以轻松地处理定时器的问题。以下是一个使用 Promise 暂停时间的实例代码：
function sleep(time) {
return new Promise(resolve => setTimeout(resolve, time));
}
async function run() {
console.log('开始执行代码');
// 暂停 2 秒钟
await sleep(2000);
console.log('暂停时间结束，开始执行后续代码');
}
run();这个例子中，我们定义了一个 sleep() 函数，它返回一个 Promise 对象，并使用 setTimeout() 函数来实现暂停时间。在 run() 函数中，我们使用 async/await 方法来等待 sleep() 函数的返回结果，以实现暂停时间的效果。
三、动画框架
除了 Promise 和定时器，我们还可以使用动画框架来实现暂停时间的效果。
在 JavaScript 中，有多种动画框架可供选择，比如 jQuery、Greensock 和 Anime.js 等。这些框架可以帮助我们实现复杂的动画效果，并且提供了一个灵活的 API 来控制时间。
例如，使用 Greensock 暂停时间的代码如下：
// 创建一个 TimelineMax 实例
const timeline = new TimelineMax();
// 添加一个延时
timeline.addPause(2);
// 添加一些动画
timeline.to('#element', 1, { x: 100 })
.to('#element', 1, { y: 100 })
.to('#element', 1, { x: 0 })
.to('#element', 1, { y: 0 });
// 开始播放动画
timeline.play();在这个示例中，我们首先创建了一个 TimelineMax 实例，并使用 addPause() 方法来添加一个暂停时间。然后，我们添加了一些动画效果，并在最后调用了 play() 方法来开始播放动画。
四、总结
JavaScript 提供了多种方式来控制时间，包括定时器、Promise 和动画框架等。当我们想要暂停时间时，可以使用 Promise 和 async/await 方法来实现优雅和直接的方法，也可以使用动画框架来实现更加灵活的方法。选择哪种方法，需要根据实际情况和个人偏好进行选择。
