看一下知识点
写之前要知道随机数的公式:random=Math.random()*(max-min)+min(随机取色)
随机数指的是0-1之间的随机数,取1的概率极小。如果你想取到那个区间的随机数,可以进行向上取整或者向下取整
定时器:setInterval();第一个参数是回调函数,第二个参数是毫秒数(多少秒改变一次)1秒=1000毫秒
除开随机数这种其实还有很多Math方法,我们拓展总结一下:
向上取整:Math.ceil();
向下取整:Math.floor();
开平方根:Math.sqrt();
幂数平方:Math.pow();
随机数:Math.random();
绝对值:Math.abs();
四舍五入:Math.round();
最大值:Math.max();
最小值:Math.min();
开始写:
//我们定义最大值和最小值用来取颜色,我们知道颜色的取值是六位数,所以:
var max = 999999;
var min = 100000;
//使用定时器让页面每隔两秒就改变一次颜色
setInterval = (function(){
//使用随机数取随机的颜色值(我们的颜色可没有小数,记得取整),直接套公式
var random=parseInt(Math.random()*(max-min)+min)
//定义了随机数就拿来用(拼接#,颜色值是#random)
//这个写法是js里样式的写法,不要用css写法,使用我们的小驼峰
document.body.bgColor='#'+random
},2000)
以上就是全部,只有几句,我们还可以进行一个优化,让我们的页面一进来就随机刷新一个颜色,每次都不同,可以把定时器里的函数提出来取名
function randomBg(){
var random=parseInt(Math.random()*(max-min)+min)
document.body.bgColor = '#'+random
}
// 网页一打开时,先执行一次randomBg这个函数,会设置一个默认值。再等待1秒后开始让定时器调用函数
randomBg()//调用
setInterval(randomBg,1000)