javascript实现随时变化着的背景颜色
更新时间：2015年04月02日 11:24:07 投稿：hebedich
这篇文章主要介绍了javascript实现随时变化着的背景颜色的方法，非常的简单实用，有需要的小伙伴可以直接拿走。
很简单的一段背景颜色时刻发生变化的代码
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#dv {width: 100px;height: 100px;}
</style>
</head>
<script>
window.onload=function(){
var oDv = document.getElementById('dv');
oDv.style.backgroundColor='red'
setInterval(function(){
var arrRandNumber = [
getRandomNumber(0,255),
getRandomNumber(0,255),
getRandomNumber(0,255)
];
oDv.style.backgroundColor='rgb('+arrRandNumber[0]+','+arrRandNumber[1]+','+arrRandNumber[2]+')'
function getRandomNumber(rMin,rMax){
var cha = rMax-rMin;
var rand = Math.random();
//return (rMin+Math.round(cha*rand))
}
},500)
//alert(getRandomNumber(0,255))
};
</script>
<body>
<div id="dv"></div>
</body>
</html>
以上所述就是本文给大家分享的全部内容了，希望能够对大家学习使用javascript有所帮助。
相关文章
微信更新自家的Web开发工具后无法使用原生 Promise，下面这篇教程教你引入第三方库来使用 Promise，文中通过图文介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面跟着小编一起来学习学习吧。2017-06-06
javascript 兼容FF的onmouseenter和onmouseleave的代码
经过测试发现，例子1 在 ff下抖动的厉害，ie下稍微有点。 具体原因 其实就是 mouseout 的冒泡机制 引起的。2008-07-07
今天,我运用拉格朗日插值法绘制了一条曲线,然而,我并未止步于静态展示,而是引入了一个定时器,每隔一段时间便对曲线上的点进行动态更新,从而赋予曲线生命般的动态变化,本文介绍了使用JavaScript实现随机曲线之间进行平滑切换,感兴趣的朋友可以参考下2024-11-11
这篇文章主要介绍了JS实现自定义简单网页软键盘效果代码,可实现简单模拟键盘布局及响应鼠标点击按下键盘按键功能,简单实用,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
js 遍历对象的属性的代码，遍历出对象的属性可以用for in语句使用方法2011-12-12
这篇文章主要介绍js重写alert控件的过程比较适合学习js的新手朋友,需要的朋友可以参考下2014-08-08
uniapp发送formdata表单请求2种方法(全网最简单方法)
这篇文章主要给大家介绍了关于uniapp发送formdata表单请求2种方法的相关资料,本文介绍的方法应该是全网最简单方法,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-09-09
百度个人云盘空间大，完全免费，而且提供了pcs api供调用操作文件，在平时的项目里往里面保存一些文件是很实用的。通过本文给大家介绍使用pcs api往免费的百度网盘上传下载文件的方法，感兴趣的朋友一起学习吧2016-03-03
在本文中给大家分享如何使用raphael.js来完成地图交互,raphael.js是一个很小的javascript库，它可以在网页中实现绘制各种矢量图、各类图表、以及图像裁剪、旋转、运动动画等等功能,需要的朋友可以参考下2014-02-02
这篇文章介绍了JS中图片缓冲loading技术的实例代码，有需要的朋友可以参考一下2013-08-08
最新评论