宝哥软件园

javascript随机颜色变化示例代码

编辑:宝哥软件园 来源:互联网 时间:2021-08-19

1.打开网页,网页效果如图

代码如下:

!doctype html head metar set=' utf-8 ' title随机颜色变化/title style type=' text/CSS ' # box { width : 200px;高度: 200 px;border: 1px纯红;}/style/head dydiv id=' box '/div script type=' text/JavaScript '/get element object varobj 1=document . getelementbyid(' box ');//向元素中添加属性obj1.style.background=' RGB (255,255,0)';//注意:增加的属性类型为字符串类型!/script/body/html2。思考:如何随机改变div块的背景颜色

添加随机函数color rgb的表示形式(随机数、随机数、随机数),添加定时器主体div id=' box'/div脚本类型=' text/JavaScript '/get元素对象varobj 1=document . getelementbyid(' box ');//给元素添加属性//obj 1 . style . background=' RGB(255,255,0)';//多定时器set interval(function(){ obj 1 . style . background=' RGB(' rand (0,255)',' rand (0,255)',' rand(0,255)')';},200);//随机函数rand (n,m) {return math。地板(数学。random()*(m-n ^ 1));}/script/body上面的代码非常简单,可以尝试运行一下。感谢您的学习和支持。

更多资讯
游戏推荐
更多+