JS定时自动切换网页背景色

<html>
    <head>
    <title>JS定时自动切换网页背景色丨梨花粉价格河北金梆子锅炉</title>
    </head>
    <body bgColor="#ffffff" onload="chgCol(); pingpong();">
    <script language="JavaScript">
    <!-- Hide from JavaScript-Impaired Browsers
    var pos = 10;
    function initArray() {
    this.length = initArray.arguments.length;
    for (var i = 0; i < this.length; i++) {
    this[i] = initArray.arguments[i];
    }
    }
    var col=new initArray("4b","5b","8b","8b");
    col[0] = "yellow";
    col[1] = "coral";
    col[2] = "orange";
    col[3] = "red";
    col[4] = "greenyellow";
    col[5] = "lime";
    col[6] = "turquoise";
    col[7] = "coral";
    col[8] = "blueviolet";
    col[9] = "violet";
    function chgCol() {
    pos++;
    if (pos<0||pos>9) {
    pos = 0;
    }
    document.bgColor = col[pos];
    setTimeout("chgCol()",5000);
    }
    var yourwords = "不斷變化背景色彩";var buffer1="           ";var buffer2="           ";var message1=buffer1+yourwords+buffer2;var dir = "left";var speed =150;function pingpong(){if (dir == "left")  {    message2=message1.substring(2,message1.length)+"  ";    window.status=message2;    setTimeout("pingpong();",speed);    message1=message2;    if (message1.substring(0,1) == "*") dir="right";  }else  {    message2="  "+message1.substring(0,message1.length-2);    window.status=message2;    setTimeout("pingpong();",speed);    message1=message2;    if (message1.substring(message1.length-1,message1.length) == "*") dir="left";  }}// --></script>
    <p align="center"> </p>
    <p align="center"><b>请等待几秒钟就可看到背景颜色的变化</b></p>
    </body>
    </html>
    <br><br><hr>
时间: 2024-07-31 22:01:34

JS定时自动切换网页背景色的相关文章

[JS]图片自动切换效果(学习笔记)

上次在下载的网页中看到 javascript实现图片自动切换效果: <style text="text/css"> /*图片滚动栏*/.container, .container * {    margin: 0;    padding: 0;}.container {    width: 1005px;    height: 395px;    float: right;    overflow: hidden;    position: relative;    rig

js图片自动切换效果处理代码

1 <script language =javascript > 2 var curIndex=0; 3 //时间间隔 单位毫秒 4 var timeInterval=1000; 5 var arr=new Array(); 6 arr[0]="1.jpg"; 7 arr[1]="2.jpg"; 8 arr[2]="3.jpg"; 9 arr[3]="4.jpg"; 10 arr[4]="5.jpg&qu

js自动切换轮播图

思路:左右切换--左右切换(加上小圆点)--小圆点点击--动画效果--自动切换 html: <div id="container"> <div id="list" style="left: -600px;"> <img src="images/55.jpg" alt="1"> <img src="images/11.jpg" alt="

js实现双击后网页自动跑-------Day55

公司的界面设计环节总算是告一段落了,必须要承认的是,这段时间晚间的学习带给我很多益处,在工作中偶尔的应用,效果出奇的好,收到领导和同事的一些小赞扬,表示很欣慰,也长了点不少自信,虽然不理解,他们这些工作好几年的人应该对这些不是应该都很了解么,为什么会表现出来有些陌生,不过不想那么多了,喜欢就好. 今天来记录下js实现双击后网页自动跑,这个在很多网站上都有所体现吧,那么该如何实现呢? 首先我们来分析下实现的基本原理: 1.获取鼠标的双击事件(这个在前面曾经记录过一次,但是很不幸的是上次貌似还写错了

Android中仿淘宝首页顶部滚动自定义HorizontalScrollView定时水平自动切换图片

Android中仿淘宝首页顶部滚动自定义HorizontalScrollView定时水平自动切换图片 自定义ADPager 自定义水平滚动的ScrollView效仿ViewPager 当遇到要在ViewPager中添加多张网络请求图片的情况下,不能进行复用,导致每次都要重新去求情已经请求过的数据致使流量数据过大 自定义的数据结构解决了这个问题,固定传递的图片数据之后进行统一请求,完成后进行页面切换数据复用 代码中涉及网络请求是用的Volley网络请求框架 PicCarousel是网络数据请求的U

js实现图片自动切换效果。

js实现图片自动切换效果,简单实用,原谅我只是一只小菜鸟还在学大神天天写博文装逼. <script language="javascript"> setInterval(test, 2000); var array = new Array(); var index = 0; var array = new Array("../../Content/images/3s1hj_kqzew4k2ozbhs2dwgfjeg5sckzsew_780x520.jpg"

JS图片自动和可控的轮播切换特效

详细内容请点击 点击这里查看效果: http://hovertree.com/texiao/js/1.htm HTML文件代码如下:  <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"/> <title>JS图片自动和可控的轮播切换特效 - 何问起 HoverTree</ti

(转)在网页中JS函数自动执行常用三种方法

原文:http://blog.sina.com.cn/s/blog_6f6b4c3c0100nxx8.html 在网页中JS函数自动执行常用三种方法 在网页中JS函数自动执行常用三种方法 在HTML中的Head区域中,有如下函数: <SCRIPT   LANGUAGE="JavaScript">   functionn MyAutoRun() {   //以下是您的函数的代码,请自行修改先! alert("函数自动执行哦!");   } </SCR

在网页中JS函数自动执行常用三种方法

在网页中JS函数自动执行常用三种方法 在HTML中的Head区域中,有如下函数: <SCRIPT   LANGUAGE="JavaScript">   functionn MyAutoRun() {   //以下是您的函数的代码,请自行修改先! alert("函数自动执行哦!");   }  </SCRIPT> 下面,我们就针对上面的函数,让其在网页载入的时候自动运行! ①第一种方法 将如上代码改为: <SCRIPT   LANGUAG