setInterval是JavaScript中常用的定时器API之一，它可以让我们定时执行某个函数或代码段。然而，在某些情况下，我们需要停止定时器的运行，例如当我们不需要继续执行定时任务或者需要重新设置定时器时。本文将介绍如何停止setInterval定时器运行。

1. clearInterval方法：手动停止定时器

JavaScript提供了一个clearInterval方法来停止定时器的运行。该方法接受一个参数，即需要停止的定时器的标识符。

下面是一个示例：

```js

// 定义定时器

let intervalId = setInterval(() => {

console.log('Hello World');

}, 1000);

// 停止定时器

clearInterval(intervalId);

```

在上面的例子中，我们使用setInterval来定义了一个定时器，该定时器每秒钟会输出一次Hello World。然后，我们使用清除定时器的方法clearInterval来手动停止定时器的运行，参数是setInterval返回的标识符intervalId。

注意，如果想要停止定时器的运行，必须使用与定时器创建时返回的标识符相同的标识符。

2. 在函数内部停止定时器的运行

有时候，我们需要在定时器内部判断是否需要停止定时器的运行。在这种情况下，在定时器内部使用clearInterval方法来停止定时器的运行是一种有效的方法。

下面是一个示例：

```js

let count = 0;

// 定义定时器

let intervalId = setInterval(() => {

console.log('Hello World');

count++;

if (count >= 3) {

// 停止定时器

clearInterval(intervalId);

}

}, 1000);

```

在上面的例子中，我们使用setInterval定义了一个定时器，每秒钟会输出一次Hello World，并且每输出一次，计数器count就会加1。当count的值大于等于3时，我们使用clearInterval方法来停止定时器的运行。

3. 使用setTimeout方法

除了使用clearInterval方法来停止定时器的运行之外，还可以使用setTimeout方法来实现同样的效果。这是因为setTimeout方法返回的是一个定时器标识符，可以使用clearTimeout方法来停止定时器的运行。

下面是一个示例：

```js

let count = 0;

// 定义定时器

let timeoutId = setTimeout(function () {

console.log('Hello World');

count++;

if (count >= 3) {

// 停止定时器

clearTimeout(timeoutId);

} else {

// 继续定时器

timeoutId = setTimeout(arguments.callee, 1000);

}

}, 1000);

```

在上面的例子中，我们使用setTimeout定义了一个定时器，每秒钟会输出一次Hello World，并且每输出一次，计数器count就会加1。当count的值大于等于3时，我们使用clearTimeout方法来停止定时器的运行。另外，由于setTimeout方法返回的是一个标识符，我们可以利用这个标识符来重新启动定时器。

4. 封装定时器的启动和停止

在实际开发中，我们通常需要在多处地方启动和停止定时器。为了避免代码的重复，我们可以将定时器的启动和停止封装成一个函数。

下面是一个示例：

```js

function startTimer() {

let count = 0;

let intervalId = setInterval(() => {

console.log('Hello World');

count++;

if (count >= 3) {

clearInterval(intervalId);

}

}, 1000);

return intervalId;

}

function stopTimer(intervalId) {

clearInterval(intervalId);

}

```

在上面的例子中，我们定义了两个函数，一个是startTimer用于启动定时器，另一个是stopTimer用于停止定时器。在startTimer函数内部，我们使用setInterval定义了一个定时器，并将其标识符返回。stopTimer函数接受定时器标识符作为参数，然后使用clearInterval方法来停止定时器的运行。

这样，我们就可以在需要启动或停止定时器的地方调用这两个方法，避免了代码的重复。