JavaScript实现的背景自动变色代码
作者：秋雨 时间：2024-04-16 09:02:17
本文实例讲述了JavaScript实现的背景自动变色代码。分享给大家供大家参考，具体如下：
这里演示JavaScript实现网页背景自动变色，自己变换颜色，设定时间和颜色值即可，在你设定的颜色值、一定时间内自动切换网页背景颜色。
运行效果截图如下：
在线演示地址如下：
http://demo.jb51.net/js/2015/js-auto-cha-bg-color-demo/
具体代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>背景自动变色</title>
</head>
<body>
背景自动变色
<script language="javascript">
var Arraycolor=new Array("#00FF66","#FFFF99","#99CCFF","#FFCCFF","#FFCC99","#00FFFF","#FFFF00","#FFCC00","#FF00FF");
var n=0;
function turncolors(){
n++;
if (n==(Arraycolor.length-1)) n=0;
document.bgColor = Arraycolor[n];
setTimeout("turncolors()",1000);
}
turncolors();
</script>
</body>
</html>
希望本文所述对大家JavaScript程序设计有所帮助。
标签：JavaScript,背景
0
投稿猜你喜欢
Python使用进程Process模块管理资源
2023-08-08 07:08:01
python五子棋游戏的设计与实现
2021-04-19 07:17:43
pygame实现贪吃蛇游戏
2021-09-23 00:29:21
Pycharm 如何一键加引号的方法步骤
2022-09-11 19:19:34
什么是XML？
2007-10-29 12:53:00
Python数据分析之pandas函数详解
2021-09-04 21:54:52
详解MySql自连接,外连接,内连接 ,左连接,右连接
2024-01-25 05:40:52
Python HTML解析模块HTMLParser用法分析【爬虫工具】
2023-10-04 02:07:09
Python OpenCV之图片缩放的实现（cv2.resize）
2023-01-08 14:02:48
浅谈Javascript中的事件流和事件绑定
2009-07-20 17:13:00
Python中print()函数的用法详情
2021-01-11 21:35:17
python3 requests库文件上传与下载实现详解
2021-10-10 15:31:07
python字符串的index和find的区别详解
2022-09-17 17:58:47
SQLServer 2008中通过DBCC OPENTRAN和会话查询事务
2024-01-13 15:35:55
Python 中导入csv数据的三种方法
2022-02-24 10:12:10
Perl eval函数使用实例
2022-12-21 05:25:55
在pycharm中使用matplotlib.pyplot 绘图时报错的解决
2021-05-22 10:37:31
详解Python 调用C# dll库最简方法
2022-05-22 00:20:09
Python算法应用实战之队列详解
2022-08-21 11:49:33
详解如何在Linux(CentOS)下重置MySQL根(Root)密码
2024-01-14 08:35:27
