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 相关文章推荐
javascript实现数字+字母验证码的简单实例
Feb 10 Javascript
使用jquery实现IE下按backspace相当于返回操作
Mar 18 Javascript
下拉框select的绑定示例
Sep 04 Javascript
深入探讨前端框架react
Dec 09 Javascript
jQuery学习笔记之入门
Dec 14 Javascript
canvas绘图不清晰的解决方案
Feb 28 Javascript
微信小程序使用Promise简化回调
Feb 06 Javascript
详解react-refetch的使用小例子
Feb 15 Javascript
微信小程序扫描二维码获取信息实例详解
May 07 Javascript
使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码
Nov 01 Javascript
vue项目里面引用svg文件并给svg里面的元素赋值
Aug 17 Javascript
JS 基本概念详细介绍
Oct 16 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
PHP+DBM的同学录程序(4)
2006/10/09 PHP
怎样在php中使用PDF文档功能
2006/10/09 PHP
利用PHP实现短域名互转
2013/07/05 PHP
ThinkPHP中的常用查询语言汇总
2014/08/22 PHP
浅析php创建者模式
2014/11/25 PHP
分享一则PHP定义函数代码
2015/02/26 PHP
判断、添加和删除WordPress置顶文章的相关PHP函数小结
2015/12/10 PHP
yii数据库的查询方法
2015/12/28 PHP
JS中style属性
2006/10/11 Javascript
js判断输入是否为数字的具体实例
2013/08/03 Javascript
js实现类似jquery里animate动画效果的方法
2015/04/10 Javascript
Node.js编程中客户端Session的使用详解
2015/06/23 Javascript
jQuery简单自定义图片轮播插件及用法示例
2016/11/21 Javascript
AngularJS封装指令方法详解
2016/12/12 Javascript
jQuery实现弹幕效果
2017/02/17 Javascript
利用prop-types第三方库对组件的props中的变量进行类型检测
2017/05/02 Javascript
vue实现验证码输入框组件
2017/12/14 Javascript
浅谈如何使用webpack构建多页面应用
2018/05/30 Javascript
vue异步加载高德地图的实现
2018/06/19 Javascript
教你如何编写Vue.js的单元测试的方法
2018/10/17 Javascript
JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】
2019/02/21 Javascript
[02:03]DOTA2亚洲邀请赛 HGT战队出场宣传片
2015/02/07 DOTA
介绍Python中几个常用的类方法
2015/04/08 Python
Python中的lstrip()方法使用简介
2015/05/19 Python
Python列表list排列组合操作示例
2018/12/18 Python
创建Django项目图文实例详解
2019/06/06 Python
Python如何把十进制数转换成ip地址
2020/05/25 Python
在子网210.27.48.21/30种有多少个可用地址?分别是什么?
2014/07/27 面试题
四年的个人工作自我评价
2013/12/10 职场文书
优秀实习生感言
2014/03/01 职场文书
洗发水广告词
2014/03/13 职场文书
小学兴趣小组活动总结
2014/07/07 职场文书
汽车机电维修工求职信
2014/09/30 职场文书
教师党的群众路线教育实践活动剖析材料
2014/10/09 职场文书
2014年统计工作总结
2014/11/21 职场文书
2014年工作总结及2015工作计划
2014/12/12 职场文书