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类
Sep 08 Javascript
Mootools 1.2教程 定时器和哈希简介
Sep 15 Javascript
Javascript 复制数组实现代码
Nov 26 Javascript
JavaScript使用过程中需要注意的地方和一些基本语法
Aug 26 Javascript
Three.js源码阅读笔记(Object3D类)
Dec 27 Javascript
jQuery实现带有上下控制按钮的简单多行滚屏效果代码
Sep 04 Javascript
jquery validate.js表单验证入门实例(附源码)
Nov 10 Javascript
浅析node连接数据库(express+mysql)
Nov 30 Javascript
JS操作COOKIE实现备忘记录的方法
Apr 01 Javascript
vue-cli如何添加less 以及sass
Jul 06 Javascript
详解JQuery基础动画操作
Apr 12 jQuery
如何实现echarts markline标签名显示自己想要的
Jul 20 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
Zend Framework入门教程之Zend_Mail用法示例
2016/12/08 PHP
Laravel中错误与异常处理的用法示例
2018/09/16 PHP
第一个JavaScript入门基础 document.write输出
2010/02/22 Javascript
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
2013/06/28 Javascript
javascript遍历控件实例详细解析
2014/01/10 Javascript
jQuery动态创建html元素的常用方法汇总
2014/09/05 Javascript
一个jquery实现的不错的多行文字图片滚动效果
2014/09/28 Javascript
详解javascript的变量与标识符
2016/01/04 Javascript
Javascript的表单验证-揭开正则表达式的面纱
2016/03/18 Javascript
如何解决jQuery EasyUI 已打开Tab重新加载问题
2016/12/19 Javascript
关于vue-router路径计算问题
2017/05/10 Javascript
详解React Native 屏幕适配(炒鸡简单的方法)
2018/06/11 Javascript
bootstrap中的导航条实例代码详解
2019/05/20 Javascript
webpack + vue 打包生成公共配置文件(域名) 方便动态修改
2019/08/29 Javascript
electron 安装,调试,打包的具体使用
2019/11/06 Javascript
[47:18]完美世界DOTA2联赛循环赛 IO vs FTD BO2第一场 11.05
2020/11/06 DOTA
python实现计算倒数的方法
2015/07/11 Python
Python中的descriptor描述器简明使用指南
2016/06/02 Python
Python中定时任务框架APScheduler的快速入门指南
2017/07/06 Python
python实现函数极小值
2019/07/10 Python
Python使用scrapy爬取阳光热线问政平台过程解析
2019/08/14 Python
使用OpenCV实现仿射变换—缩放功能
2019/08/29 Python
关于windows下Tensorflow和pytorch安装教程
2020/02/04 Python
pandas中read_csv、rolling、expanding用法详解
2020/04/21 Python
定义css设备类型-Media Queries图表简介及使用方法
2013/01/21 HTML / CSS
美国第一个网上卖鞋零售商:OnlineShoes.com
2017/09/24 全球购物
Happy Plugs官网:瑞典无线耳机品牌
2020/07/16 全球购物
高一物理教学反思
2014/01/24 职场文书
《草原》教学反思
2014/02/15 职场文书
大学第二课堂活动总结
2014/07/08 职场文书
授权委托书
2014/09/17 职场文书
群众路线对照检查材料
2014/09/22 职场文书
2014年高二班主任工作总结
2014/12/16 职场文书
幼儿园学前班幼儿评语
2014/12/29 职场文书
自我检讨书范文
2015/01/28 职场文书
刑事上诉状(无罪)
2015/05/23 职场文书