这篇文章主要介绍了基于 javascript 实现随机颜色变化效果的相关资料, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <title>
- 随机颜色变化效果
- </title>
- <style type="text/CSS">
- #thediv{ width:100px; height:100px; }
- </style>
- <script type="text/javascript">
- var colorList = ["#FFFF99", "#B5FF91", "#94DBFF", "#FFBAFF", "#FFBD9D", "#C7A3ED", "#CC9898", "#8AC007"];
- for (var i = 0; i < colorList.length; i++) {
- var bgColor = getColorByRandom(colorList);
- }
- function getColorByRandom(colorList) {
- var colorIndex = Math.floor(Math.random() * colorList.length);
- var color = colorList[colorIndex];
- colorList.splice(colorIndex, 1);
- return color;
- }
- window.onload = function() {
- var odiv = document.getElementById("thediv");
- function func() {
- odiv.style.backgroundColor = getColorByRandom(colorList);
- }
- setInterval(func, 1000);
- }
- </script>
- </head>
- <body>
- <div id="thediv">
- </div>
- </body>
- </html>
另一个 js 函数实现随机颜色:
- function randomcolor()
- {
- var colorvalue=["0","2","3","4","5","6","7","8","9","a","b","c","d","e","f"],
- colorprefix="#",
- index;
- for(var i=0;i < 6; i++){
- index=Math.round(Math.random()*14);
- colorprefix+=colorvalue[index];
- }
- return colorprefix;
- }
- var test=randomcolor();
- alert(test);
来源: http://www.phperz.com/article/17/0216/267578.html