创建即启动，setInterval完美搭配定时周期性

带你亲眼目睹塔式服务器、机架式服务器、刀片服务器的“酱紫”！

常见的物理服务器一般分为三种形式，分别是塔式服务器、机架服务器、刀片服务器，它们每一种的应用场景均不同。本文详尽的阐述一下其具体的应用场景以便于用户自行的选择。

在进行应用程序开发时，开发人员有时需要在页面中执行一些周期性的操作，例如每间隔一段时间就要执行某一固定的操作。对于这种问题的解决，需要在应用程序中引入定时函数来进行解决以实现预期目标。

对于在应用程序中需要执行周期性操作，最简单和最高效的实现方式之一是使用setInterval。

setInterval是一个间歇性定时器，实现定时调用的函数，可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval方法会不停地调用函数，直到 clearInterval被调用或窗口被关闭。

由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数；注意这种定时器只要创建了就等于启动。

语法

setInterval(code, milliseconds);

setInterval(function, milliseconds, param1, param2, …)

code/function ：必需，要调用一个代码串，也可以是一个函数。

Milliseconds：必须，周期性执行或调用code/function之间的时间间隔，以毫秒计（1000毫秒=1秒）。

param1, param2, … ：可选，传给执行函数的其他参数（IE9 及其更早版本不支持该参数）。

实例

1）显示当前时间

var myVar = setInterval(function(){ myTimer() }, 1000);

function myTimer() {

var d = new Date();

var t = d.toLocaleTimeString();

document.getElementById(“demo”).innerHTML = t;

}

2）使用 clearInterval()来停止 setInterval 的执行

var myVar = setInterval(function(){ myTimer() }, 1000);

function myTimer() {

var d = new Date();

var t = d.toLocaleTimeString();

document.getElementById(“demo”).innerHTML = t;

}

function myStopFunction() {

clearInterval(myVar);

}

3）每 300毫秒切换背景颜色

var myVar = setInterval(function(){ setColor() }, 300);

function setColor() {

var x = document.body;

x.style.backgroundColor = x.style.backgroundColor == “yellow” ? “pink” : “yellow”;

}

function stopColor() {

clearInterval(myVar);

}

setInterval适用于要求在每隔一个固定的时间间隔后就精确地执行某动作。