<body>
<button>启动</button>
<button>停止</button>
<script>
var btn = document.querySelectorAll('button')
console.log(btn);
// 设置一个变量timer
var timer = null
// 1.获取随机数
// 在(255,0)这个区间里获取一个随机数并返回出这个数
function getNum(m,n){
return Math.floor(Math.random()*(m-n+1)+n)
}
btn[0].onclick = function(){
// 2. 设置定时器并利用上边获取的随机数改变背景色
timer = setInterval(function(){
// 定时器里面调用上面取随机数的函数
var str = 'rgb('+getNum(255,0)+','+getNum(255,0)+','+getNum(255,0)+')'
// console.log(str);
document.body.style.backgroundColor = str
},1000)
}
// 点击按钮清除定时器
btn[1].onclick = function(){
clearInterval(timer);
}
</script>
</body>
定时器-自动随机切换背景色
猜你喜欢
转载自blog.csdn.net/weixin_45959965/article/details/128341509
今日推荐
周排行