编程 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简单实现表格行间隔显示颜色并高亮显示

Nov 29 Javascript

jquery实现图片按比例缩放示例

Jul 01 Javascript

javascript事件模型实例分析

Jan 30 Javascript

简介EasyUI datagrid editor combogrid搜索框的实现

Apr 01 Javascript

JavaScript数组去重的几种方法效率测试

Oct 23 Javascript

前端axios下载excel文件(二进制)的处理方法

Jul 31 Javascript

微信小程序canvas拖拽、截图组件功能

Sep 04 Javascript

11个教程中不常被提及的JavaScript小技巧（推荐）

Apr 17 Javascript

VueQuillEditor富文本上传图片(非base64)

Jun 03 Javascript

Vue清除定时器setInterval优化方案分享

Jul 21 Javascript

vue实现井字棋游戏

Sep 29 Javascript

vue ant design 封装弹窗表单的使用

Jun 01 Vue.js

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下将图片以二进制存入mysql数据库中并显示的实现代码

2010/05/27 PHP

php错误、异常处理机制(补充)

2012/05/07 PHP

PHP连接SQLSERVER 注意事项(附dll文件下载)

2012/06/28 PHP

PHP基于GD库的缩略图生成代码（支持jpg,gif,png格式）

2014/06/19 PHP

php 问卷调查结果统计

2015/10/08 PHP

php利用smtp类实现电子邮件发送

2015/10/30 PHP

Yii2简单实现给表单添加验证码的方法

2016/07/18 PHP

关于Laravel Route重定向的一个注意点

2017/01/16 PHP

使用PHP json_decode可能遇到的坑与解决方法

2017/08/03 PHP

filemanage功能中用到的common.js

2007/04/08 Javascript

基于jquery的获取mouse坐标插件的实现代码

2010/04/01 Javascript

从数据结构的角度分析 for each in 比 for in 快的多

2013/07/07 Javascript

JS Map 和 List 的简单实现代码

2013/07/08 Javascript

NODE.JS加密模块CRYPTO常用方法介绍

2014/06/05 Javascript

jQuery中$.click()无效问题分析

2015/01/29 Javascript

不能不知道的10个angularjs英文学习网站

2016/03/23 Javascript

JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法

2016/05/28 Javascript

浅谈箭头函数写法在ReactJs中的使用

2017/08/22 Javascript

JavaScript实现精美个性导航栏筋斗云效果

2017/10/29 Javascript

详解如何在微信小程序中愉快地使用sass

2018/07/30 Javascript

VUE实现密码验证与提示功能

2019/10/18 Javascript

[01:03:38]2014 DOTA2国际邀请赛中国区预选赛5.21 CNB VS CIS

2014/05/22 DOTA

Python中的匿名函数使用简介

2015/04/27 Python

Python增量循环删除MySQL表数据的方法

2016/09/23 Python

python基础教程项目二之画幅好画

2018/04/02 Python

python 匹配url中是否存在IP地址的方法

2018/06/04 Python

11个Python3字典内置方法大全与示例汇总

2019/05/13 Python

Python ellipsis 的用法详解

2020/11/20 Python

thinkphp5 路由分发原理

2021/03/18 PHP

俄罗斯皮肤健康中心：Pharmacosmetica.ru

2020/02/22 全球购物

预备党员转正思想汇报

2014/01/12 职场文书

写演讲稿要注意的六件事

2014/01/14 职场文书

2015年七七事变78周年纪念活动方案

2015/05/06 职场文书

2015年教师节感言

2015/08/03 职场文书

Unity连接MySQL并读取表格数据的实现代码

2021/06/20 MySQL

python字典进行运算原理及实例分享

2021/08/02 Python