javascript实现随时变化着的背景颜色_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有所帮助。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索javascript
, 背景颜色
随时变化
风机输出功率随时变化、javascript技巧、javascript实现计算器、javascript底层实现、javascript实现分页,以便于您获取更多的相关知识。

时间: 2024-09-30 12:00:15

javascript实现随时变化着的背景颜色_javascript技巧的相关文章

javascript实现随时变化着的背景颜色

 很简单的一段背景颜色时刻发生变化的代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document<

用javascript实现li 列表数据隔行变换背景颜色_javascript技巧

title 111 222 333 444 555 666

鼠标经过tr时,改变tr当前背景颜色_javascript技巧

示例如下: 复制代码 代码如下: <html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"><title>鼠标经过给tr换颜色</title>    </head><body><table align="center" width="100%"

使用javascript控制cookie显示和隐藏背景图_javascript技巧

每当重大节日期间,各大主流网站首页会披上节日的盛装,设计者一般会使用大幅背景图片来获得更好的视觉冲击效果,当然,也要考虑到有些用户不习惯这大背景图,那么在背景图上放置"关闭"按钮是有必要的,用户只要点击"关闭背景"按钮,大幅背景图将会消失. 我们使用javascript来控制背景图片的显示和隐藏,当点击关闭按钮时,控制CSS使页面不加载背景图,同时记录COOKIE相关参数,并设置cookie的有效期,那么在cookie有效期内刷新页面,是不会再加载背景图的,如果co

Win7系统窗口背景颜色设置技巧

  Win7窗口颜色怎么改?下面系小编就为大家介绍一下Win7系统窗口背景颜色设置技巧. 1.方法非常简单,首先用鼠标右击桌面选择"个性化"; 2.进入个性化设置后,单击"窗口颜色"切换到下一个窗口; 3.然后单击"高级外观设置"出现对话框; 4.点开选择列表,选择"窗口" 5.然后点击"颜色",如果默认没有自己中意的,可以点击"其它"自行配色;每次选择之后在上方都会有实时预览.

PHP根据传来的16进制颜色代码自动改变背景颜色_php技巧

复制代码 代码如下: <?php echo "<html>"; echo "<head><title>改变背景颜色</title></head>"; if($_POST[inputColor]==""){ $inputColor="ffffff"; } echo "<body bgcolor=#{$_POST[inputColor]}>&q

javascript实现Email邮件显示与删除功能_javascript技巧

一.主要介绍: 这题采用之前的技术,根据table的rows属性,获得数组,然后对数组设置样式,所以颜色就出来了. 1).全选复选框,通过var nodess=document.getElementsByName("mail"); for(var x=0;x<nodess.length;x++){ nodess[x].checked=nodes.checked; } 复选框函数进行 2).按钮全选,反选,和取消全选,可以用一个函数写,传入不同的参数AllBybtn(num)类型即

javascript拖拽应用实例(二)_javascript技巧

经常在网站别人的网站的注册页中看到一个拖拽验证的效果,就是它的验证码刚开始不出来,而是有一个拖拽的条,你必须将这个拖拽条拖到底,验证码才出来,说了感觉跟没说一样,你还是不理解,好吧,我给个图你看看: 这个是在万网的注册页中所截的图,大概的效果就是,当拖动那个拖拽框时,如果拖拽框没有拖到最右边,则拖拽框会移动到初始位置,如果拖动到最右边,则拖拽框显示为对勾,中间的文字也变了,但是我试了一下,他的验证码的框没有出来,不知道是改了还是怎么的,我没有继续点击确定往下进行,那不是我们要讲的重点,我就在他的

JavaScript实现九九乘法表的简单实例_javascript技巧

每个学过编程的人都写过"HelloWorld" 但99乘法表,我想也应该成为每个编程初学者的必编程序 这是JavaScript的实现方法,非常适合初学者!!! 以下是代码及注释 <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JavaScript九