js—定时函数

• setInterval() 定时器—每过多少毫秒执行一次函数
• run—自定义函数名
• 1000—毫秒

1、定义一个变量，来存储定时器

var num = 0;
// 定义一个变量，来存储定时器
var timer = '';

function run() {
  num++;
  if (num >= 8) {
    num = 0;
  }
  console.log(num);
}
timer = window.setInterval(run, 300)

2、页面自动输出

var timer2 = '';

function run2() {
  document.write('中午好<br>');
}
window.setInterval(run2, 10);

3、背景颜色自动切换

var i = 0;

function change() {
  i++;
  var a = ['skyblue', 'pink', 'orange', 'cyan', 'yellow'];
  if (i == 5) {
    i = 0;
  }
  console.log(i);
  document.body.style.backgroundColor = a[i];
}
setInterval(change, 300);

代码演示：

4、每过e.3s，改变一次页面背景图

var i = 0;

function bc() {
  var a = ['./img/1.jpg', './img/2.jpg', './img/3.jpg', './img/4.jpg', './img/5.jpg'];
  i++;
  if (i == 5) {
    i = 0;
  }
  console.log(a[i]);
  document.body.style.background = 'url(' + a[i] + ')';
}
setInterval(bc, 300)

代码演示：

5、每过1s，改变一次页面背景色，这个页面背景色是随机色

function bcolor() {
  var r = Math.floor(Math.random() * 256);
  var g = Math.floor(Math.random() * 256);
  var b = Math.floor(Math.random() * 256);
  document.body.style.backgroundColor = 'rgba(' + r + ',' + g + ',' + b + ')';
}
setInterval(bcolor, 1000)

代码演示：