编程 Javascript

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

Posted in Javascript onOctober 17, 2015

本文实例讲述了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实现的背景自动变色代码

- Author -

秋雨

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript.The.Good.Parts阅读笔记（一）假值与===运算符

Nov 16 Javascript

与jquery serializeArray()一起使用的函数，主要来方便提交表单

Jan 31 Javascript

根据经纬度计算地球上两点之间的距离js实现代码

Mar 05 Javascript

jquery更换文章内容与改变字体大小代码

Sep 30 Javascript

js实现飞入星星特效代码

Oct 17 Javascript

JavaScript中判断函数、变量是否存在

Jun 10 Javascript

在localStorage中存储对象数组并读取的方法

Sep 24 Javascript

JS原型与原型链的深入理解

Feb 15 Javascript

作为老司机使用 React 总结的 11 个经验教训

Apr 08 Javascript

Vue.js 2.0 移动端拍照压缩图片预览及上传实例

Apr 27 Javascript

vue路由懒加载的实现方法

Mar 12 Javascript

vue中使用极验验证码的方法（附demo）

Dec 04 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 is_file 判断给定文件名是否为一个正常的文件

2010/05/10 PHP

php实现通用的信用卡验证类

2015/03/24 PHP

Zend Framework使用Zend_Loader组件动态加载文件和类用法详解

2016/12/09 PHP

总结PHP代码规范、流程规范、git规范

2018/06/18 PHP

yii框架数据库关联查询操作示例

2019/10/14 PHP

简单实用的js调试logger组件实现代码

2010/11/20 Javascript

js中同步与异步处理的方法和区别总结

2013/12/25 Javascript

JavaScript实现的链表数据结构实例

2015/04/02 Javascript

ES6中参数的默认值语法介绍

2017/05/03 Javascript

让bootstrap的carousel支持滑动滚屏的实现代码

2017/11/27 Javascript

node中的密码安全(加密)

2018/09/17 Javascript

nvm、nrm、npm 安装和使用详解(小结)

2019/01/17 Javascript

nodejs的安装使用与npm的介绍

2019/09/11 NodeJs

python进阶教程之文本文件的读取和写入

2014/08/29 Python

Python使用Flask框架同时上传多个文件的方法

2015/03/21 Python

深入浅析python继承问题

2016/05/29 Python

python实现快速排序的示例(二分法思想)

2018/03/12 Python

python Tkinter版学生管理系统

2019/02/20 Python

python批量修改图片尺寸,并保存指定路径的实现方法

2019/07/04 Python

Python流程控制 while循环实现解析

2019/09/02 Python

Python hashlib加密模块常用方法解析

2019/12/18 Python

Python如何使用队列方式实现多线程爬虫

2020/05/12 Python

python 统计list中各个元素出现的次数的几种方法

2021/02/20 Python

幼儿园老师寄语

2014/04/03 职场文书

安全协议书范本

2014/04/21 职场文书

民事诉讼授权委托书范文

2014/08/02 职场文书

市场策划求职信

2014/08/07 职场文书

班子四风对照检查材料

2014/08/21 职场文书

区政府领导班子个人对照检查材料

2014/09/25 职场文书

省委召开党的群众路线教育实践活动总结大会报告

2014/10/21 职场文书

会计电算化实训报告

2014/11/04 职场文书

幼儿园保教工作总结2015

2015/10/15 职场文书

浅谈python中的多态

2021/06/15 Python

Python Numpy库的超详细教程

2022/04/06 Python

PostgreSQL 插入INSERT、删除DELETE、更新UPDATE、事务transaction

2022/04/12 PostgreSQL

Zabbix对Kafka topic积压数据监控的解决方案

2022/07/07 Servers