编程 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 文件夹选择框的两种解决方案

Jul 01 Javascript

js隐藏与显示回到顶部按钮及window.onscroll事件应用

Jan 25 Javascript

用JS在浏览器中创建下载文件

Mar 05 Javascript

jQuery实现非常实用漂亮的select下拉菜单选择效果

Nov 06 Javascript

javascript特殊日历控件分享

Mar 07 Javascript

javascript 常用验证函数总结

Jun 28 Javascript

Bootstrap入门教程一Hello Bootstrap初识

Mar 02 Javascript

Angular4开发解决跨域问题详解

Aug 28 Javascript

Angular 4中如何显示内容的CSS样式示例代码

Nov 06 Javascript

Vue.js用法详解

Nov 13 Javascript

Hexo已经看腻了，来手把手教你使用VuePress搭建个人博客

Apr 26 Javascript

微信小程序textarea层级过高的解决方法

Mar 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常用函数的用法详解

2013/05/10 PHP

8个PHP程序员常用的功能汇总

2014/12/18 PHP

Windows7下的php环境配置教程

2015/02/28 PHP

PHP递归遍历指定文件夹内的文件实现方法

2016/11/15 PHP

JavaScript高级程序设计

2006/12/29 Javascript

javascript网页关闭时提醒效果脚本

2008/10/22 Javascript

Javascript的一种模块模式

2010/09/08 Javascript

jQuery 联动日历实现代码

2012/05/31 Javascript

jQuery删除节点的三个方法即remove()detach()和empty()

2013/12/27 Javascript

深入学习JavaScript中的Rest参数和参数默认值

2015/07/28 Javascript

你不知道的高性能JAVASCRIPT

2016/01/18 Javascript

适用于javascript开发者的Processing.js入门教程

2016/02/24 Javascript

angular2使用简单介绍

2016/03/01 Javascript

EasyUI在表单提交之前进行验证的实例代码

2016/06/24 Javascript

node+experss实现爬取电影天堂爬虫

2016/11/20 Javascript

ThinkJS中如何使用MongoDB的CURD操作

2016/12/13 Javascript

Angularjs自定义指令实现三级联动选择地理位置

2017/02/13 Javascript

从零学习node.js之搭建http服务器（二）

2017/02/21 Javascript

NodeJS自定义模块写法(详解)

2017/06/27 NodeJs

ztree简介_动力节点Java学院整理

2017/07/19 Javascript

Node.js 使用AngularJS的方法示例

2018/05/11 Javascript

js实现点击展开隐藏效果（实例代码）

2018/09/28 Javascript

Javascript执行流程细节原理解析

2020/05/14 Javascript

[01:12]快闪回顾DOTA2亚洲邀请赛（DAC）静候2018新征程开启

2018/03/11 DOTA

PyQt5+requests实现车票查询工具

2019/01/21 Python

Python人脸识别第三方库face_recognition接口说明文档

2019/05/03 Python

关于Numpy中的行向量和列向量详解

2019/11/30 Python

利用python3 的pygame模块实现塔防游戏

2019/12/30 Python

后端开发使用pycharm的技巧(推荐)

2020/03/27 Python

什么是python的列表推导式

2020/05/26 Python

tensorflow/core/platform/cpu_feature_guard.cc:140] Your CPU supports instructions that this T

2020/06/22 Python

非常震撼的纯CSS3人物行走动画

2016/02/24 HTML / CSS

优秀纪检干部材料

2014/08/27 职场文书

追悼会答谢词

2015/01/05 职场文书

分享CSS盒子模型隐藏的几种方式

2022/02/28 HTML / CSS

MySQL中order by的执行过程

2022/06/05 MySQL