javascript背景颜色按时变换

2016-02-19 09:35 9 1 收藏

下面图老师小编要跟大家分享javascript背景颜色按时变换,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - Web开发 】

head

/head
body onload="setcolor()" 
div id=mydiv style="font:12px sans-serif;width:300px;height:200px;"背景色测试/div
script
function setcolor()
{
var colorString;
do{
colorString="#"+Math.floor(Math.random()*Math.pow(2,24)).toString(16);
}
while (colorString.length7);

document.getElementById("mydiv").style.backgroundColor=colorString;

setTimeout(setcolor,100);
}

/script
/body

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

来源:https://www.tulaoshi.com/n/20160219/1591345.html

延伸阅读
标签: Web开发
很久没写blog,太忙了。没什么时间写复杂的东西,重新把颜色渐变效果写一遍。 关于颜色的效果一般就两个,颜色梯度变化和样式的颜色渐变,前者在ie中一般用滤镜实现。 实例效果 预览效果1: 这是一个颜色梯度变化演示: 运行代码框 !DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3....
标签: Web开发
HTML的 body 有两个关于背景的属性,一个是 bgcolor,是设置背景颜色的;另一个是 background,是设置背景图片的。 bgcolor属性 bgcolor属性用来设置HTML网页的背景颜色。 示例 background属性 background属性用来设置HTML网页的背景图片。background属性值就是背景图片的路径和文件名,如: body background="../images/html_tutorials/bl...
CAXA如何改变背景颜色   首先:打开CAXA软件,如图所示 点击文件菜单栏中的工具按钮,弹出下拉菜单,打开选项对话框,如图所示 弹出系统配置对话框,如图所示 点击颜色设置选项,如图所示 在当前绘图中选择你需要的颜色,这里以白色为例子说明,如图所示 选择好后,确定,如图所示 7...
打开软件 用photoshop 打开一张要修改的证件照,如下图中的红底背景的美女照片。我们的目的是要把红底背景换成蓝底背景。 复制图层 复制背景图层,按快捷键CTRL+J得到新的图层,如下图所示。 点击图像 选中复制得到的图层,点击 图像——调整——替换颜色,弹出如下窗口。 设置颜色 选择添加到取样,然后点击...
moboplayer怎样设置背景颜色   1)打开moboplayer,进去后点击。   2)然后点击。   3)进去之后你就可以根据自己需要的颜色来选择了,选择好后点右下角的确定键就可以了。            注 :更多精彩教程请关注图老师手机教程栏目,图老师手机数码群:2...

经验教程

984

收藏

65
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部