JavaScript实现的背景自动变色代码


Posted in Javascript onOctober 17, 2015

本文实例讲述了JavaScript实现的背景自动变色代码。分享给大家供大家参考,具体如下:

这里演示JavaScript实现网页背景自动变色,自己变换颜色,设定时间和颜色值即可,在你设定的颜色值、一定时间内自动切换网页背景颜色。

运行效果截图如下:

JavaScript实现的背景自动变色代码

在线演示地址如下:

具体代码如下:

<!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 相关文章推荐
js对象关系图 方便dom操作
Mar 18 Javascript
ff下JQuery无法监听input的keyup事件的解决方法
Dec 12 Javascript
详解AngularJS的通信机制
Jun 18 Javascript
JS模式之简单的订阅者和发布者模式完整实例
Jun 30 Javascript
jQuery实现可编辑的表格实例讲解(2)
Sep 17 Javascript
js实现不重复导入的方法
Mar 02 Javascript
对js eval()函数的一些见解
Aug 15 Javascript
详解使用angular-cli发布i18n多国语言Angular应用
May 20 Javascript
JavaScript数据结构之双向链表定义与使用方法示例
Oct 27 Javascript
自定义vue组件发布到npm的方法
May 09 Javascript
解决JavaScript layui 下拉框不显示的问题
Aug 14 Javascript
JavaScript 点击触发复制功能实例详解
Nov 02 Javascript
jQuery实现有动画淡出效果的二级折叠菜单代码
Oct 17 #Javascript
利用jQuery和CSS将背景图片拉伸
Oct 16 #Javascript
基于jQuery实现的菜单切换效果
Oct 16 #Javascript
javascript判断复选框是否选中的方法
Oct 16 #Javascript
jquery判断复选框是否被选中的方法
Oct 16 #Javascript
基于jquery实现复选框全选,反选,全不选等功能
Oct 16 #Javascript
js生成随机数的方法实例
Oct 16 #Javascript
You might like
模拟OICQ的实现思路和核心程序(三)
2006/10/09 PHP
PHP中date与gmdate的区别及默认时区设置
2014/05/12 PHP
php使用fgetcsv读取csv文件出现乱码的解决方法
2014/11/08 PHP
php封装的验证码类分享
2017/02/26 PHP
PHP给源代码加密的几种方法汇总(推荐)
2018/02/06 PHP
php ActiveMQ的安装与使用方法图文教程
2020/02/23 PHP
xml 与javascript结合的问题解决方法
2007/03/24 Javascript
清空上传控件input file的值
2010/07/03 Javascript
在Javascript中处理字符串之big()方法的使用
2015/06/08 Javascript
JavaScript中数据结构与算法(二):队列
2015/06/19 Javascript
nodejs的HTML分析利器node-jquery用法浅析
2016/11/08 NodeJs
js实现简单的二级联动效果
2017/03/09 Javascript
基于vue 动态加载图片src的解决方法
2018/02/05 Javascript
深入浅析Node环境和浏览器的区别
2018/08/14 Javascript
用Fundebug插件记录网络请求异常的方法
2019/02/21 Javascript
vue 地图可视化 maptalks 篇实例代码详解
2019/05/21 Javascript
VUEX 数据持久化,刷新后重新获取的例子
2019/11/12 Javascript
JavaScript中交换值的10种方法总结
2020/08/18 Javascript
Python中内置数据类型list,tuple,dict,set的区别和用法
2015/12/14 Python
Python实现微信机器人的方法
2019/09/06 Python
Python使用Opencv实现图像特征检测与匹配的方法
2019/10/30 Python
python时间time模块处理大全
2020/10/25 Python
你可能不熟练的十个前端HTML5经典面试题
2018/07/03 HTML / CSS
Groupon荷兰官方网站:高达70%的折扣
2019/11/01 全球购物
vue项目实现分页效果
2021/03/24 Vue.js
大学生就业策划书范文
2014/04/04 职场文书
环境保护与污染治理求职信
2014/07/16 职场文书
汽车服务工程专业自荐信
2014/09/02 职场文书
单位在职证明书
2014/09/11 职场文书
留学推荐信(中英文版)
2015/03/26 职场文书
单位病假条范文
2015/08/17 职场文书
如何撰写创业策划书
2019/06/27 职场文书
MySQL 那些常见的错误设计规范,你都知道吗
2021/07/16 MySQL
mongodb的安装和开机自启动详细讲解
2021/08/02 MongoDB
php解析非标准json、非规范json的方式实例
2022/05/10 PHP