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 相关文章推荐
30个最好的jQuery 灯箱插件分享
Apr 25 Javascript
javascript闭包传参和事件的循环绑定示例探讨
Apr 17 Javascript
js面向对象编程之如何实现方法重载
Jul 02 Javascript
使用控制台破解百小度一个月只准改一次名字
Aug 13 Javascript
谈谈对offsetleft兼容性的理解
Nov 11 Javascript
jQuery实现页面倒计时并刷新效果
Mar 13 Javascript
Angular2.0实现modal对话框的方法示例
Feb 18 Javascript
浅谈手写node可读流之流动模式
Jun 01 Javascript
使用vue自定义指令开发表单验证插件validate.js
May 23 Javascript
vue中的面包屑导航组件实例代码
Jul 01 Javascript
Jquery Datatables的使用详解
Jan 30 jQuery
Vue中实现回车键切换焦点的方法
Feb 19 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
基于MySQL分区性能的详细介绍
2013/05/02 PHP
PHP过滤★等特殊符号的正则
2014/01/27 PHP
PHP实现无限极分类图文教程
2014/11/25 PHP
php获取当前url地址的方法小结
2017/01/10 PHP
PHP实现的mysql操作类【MySQL与MySQLi方式】
2017/10/07 PHP
thinkPHP5.1框架使用SemanticUI实现分页功能示例
2019/08/03 PHP
让插入到 innerHTML 中的 script 跑起来的实现代码
2006/07/01 Javascript
深入理解jQuery中live与bind方法的区别
2013/12/18 Javascript
兼容IE、firefox以及chrome的js获取时间(getFullYear)
2014/07/04 Javascript
jquery使用animate方法实现控制元素移动
2015/03/27 Javascript
AngularJS实现表格的增删改查(仅限前端)
2017/07/04 Javascript
vue 开发一个按钮组件的示例代码
2018/03/27 Javascript
Vue利用History记录上一页面的数据方法实例
2018/11/02 Javascript
JavaScript的级联函数用法简单示例【链式调用】
2019/03/26 Javascript
使用 UniApp 实现小程序的微信登录功能
2020/06/09 Javascript
[49:07]VGJ.T vs Optic Supermajor小组赛D组 BO3 第二场 6.3
2018/06/04 DOTA
[48:48]VGJ.T vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python文件及目录操作实例详解
2015/06/04 Python
利用Python脚本实现ping百度和google的方法
2017/01/24 Python
Python实现爬取需要登录的网站完整示例
2017/08/19 Python
python中文分词教程之前向最大正向匹配算法详解
2017/11/02 Python
在Qt5和PyQt5中设置支持高分辨率屏幕自适应的方法
2019/06/18 Python
docker django无法访问redis容器的解决方法
2019/08/21 Python
python3多线程知识点总结
2019/09/26 Python
使用jquery实现HTML5响应式导航菜单教程
2014/04/02 HTML / CSS
使用html2canvas实现将html内容写入到canvas中生成图片
2020/01/03 HTML / CSS
美国最大的网络男装服装品牌:Bonobos
2017/05/25 全球购物
法国床上用品商店:La Compagnie du lit
2019/12/26 全球购物
乌克兰品牌化妆品和香水在线商店:Bomond
2020/01/14 全球购物
公司合作协议书范本
2014/04/18 职场文书
毕业评语大全
2014/05/04 职场文书
搞笑婚前保证书
2015/02/28 职场文书
幼儿园个人总结
2015/02/28 职场文书
十大经典日本动漫排行榜 海贼王第三,犬夜叉仅第八
2022/03/18 日漫
CSS使用Flex和Grid布局实现3D骰子
2022/08/05 HTML / CSS
Go语言编译原理之变量捕获
2022/08/05 Golang