1.前端index.html

<head>

	<meta charset="UTF-8">

	<title>n号循环</title>

</head>

<body>

	<div><span class="nm"></span>微信号：<span class="wx"></span></div>

	<div><span class="nm"></span>微信号：<span class="wx"></span></div>

	<div><span class="nm"></span></div>

	微信号：<span class="wx"></span>

	微信号：<span class="wx"></span>

</body>

<script type="text/javascript" src="../js/getclassname.js" ></script>

</html>

2.getclassname.js

function xhwx(xhminu,wxshu){  //xhminu代表多长时间换一次；wxshu代表微信数量

	var weixin= [

		['张三','zhangsan'],

		['李四','lisi'],

		['王五','wangwu']

	];

	var tm=new Date();

	var minu=tm.getHours()*60+tm.getMinutes();

	var tm1=minu%(xhminu*wxshu);

	var tm2=tm1/xhminu;

	var info='';

	for(var i=0;i<wxshu;i++){

		if(tm2>=i&&tm2<(i+1)){

			info=weixin[i];

			break;

		}

	}

	return info;

}

/*为了更好的在ie浏览器上解决getelementclassname问题，需要引用如下js*/

/**

 *通过class名和标签名获取css样式对象组

 */

function getClassNames(classStr, tagName)

{

    if (document.getElementsByClassName)

    {

        return document.getElementsByClassName(classStr)

    } else

    {

        //为了兼容ie8及其以下版本的方法

        var nodes = document.getElementsByTagName(tagName), ret = [];

        for (i = 0; i < nodes.length; i++)

        {

            if (hasClass(nodes[i], classStr))

            {

                ret.push(nodes[i])

            }

        }

        return ret;

    }

}

/**

 *判断节点class存在性

 */

function hasClass(tagStr, classStr)

{

    //这个正则表达式是因为class可以有多个,判断是否包含

    var arr = tagStr.className.split(/\s+/);

    for ( var i = 0; i < arr.length; i++)

    {

        if (arr[i] == classStr)

        {

            return true;

        }

    }

    return false;

}

var weixin=xhwx(1,3);  // 一分钟换一组微信名和微信号，总共有3组微信

//由于加载顺序,获取对象的代码应写在对象已加载之后

var spans = getClassNames('nm', 'span');

if (null != spans)

{

    //alertObj(divs);

    //遍历对象,改其css样式

    for ( var i = 0; i < spans.length; i++)

    {

        spans[i].innerHTML =weixin[0];

    }

}

//由于加载顺序,获取对象的代码应写在对象已加载之后

var spans = getClassNames('wx', 'span');

if (null != spans)

{

    //alertObj(divs);

    //遍历对象,改其css样式

    for ( var i = 0; i < spans.length; i++)

    {

        spans[i].innerHTML = weixin[1];

    }

}

　

页面每隔n分钟轮换一个微信名和微信名的更多相关文章

  1. python scrapy 入门,10分钟完成一个爬虫

    在TensorFlow热起来之前,很多人学习python的原因是因为想写爬虫.的确,有着丰富第三方库的python很适合干这种工作. Scrapy是一个易学易用的爬虫框架,尽管因为互联网多变的复杂性仍 ...

  2. Django从Models 10分钟定制一个Admin后台

    目录 Django从Models 10分钟建立一套RestfulApi Django从Models 10分钟定制一个Admin后台 简介 Django自带一个Admin后台, 支持用户创建,权限配置和 ...

  3. 3分钟搭建一个网站？腾讯云Serverless开发体验

    作为一个开发者,应该都能理解一个网站从开发到上线,要经过很多繁琐的步骤. 编写代码,部署应用,部署数据库,申请域名,申请SSL证书,域名备案,到最终上线起码要几天时间. 作为一个不精通代码的业务玩家, ...

  4. 10 分钟实现一个自己的server监控器

    需求 近期须要给自己的server加入监控器.目的是监控server的内存.CPU.磁盘占用率,资源占用率过高的话能给自己发个提醒.当前主流的平台通常会提供邮件.短息.甚至会提供微信提醒,只是这类提醒 ...

  5. 用ab每隔30分钟并发一次休息10分钟

    linux脚本监控程序运行情况(重启程序)主要有两种情况:一种是一个可执行文件:如shell脚本文件:另一种是使用python打开的多个程序.第一种:它的进程名字由路径名字和程序名字组成,比如:我有个 ...

  6. 每隔2分钟，div元素顺序淡入

    我们的官网,是游戏网站,需要很多的动画效果,下面就开写一个box有n个元素,这些元素顺序淡入,每隔2分钟,执行一次,代码开始: <div></div> <div>& ...

  7. Oracle 每隔5分钟产生2个clsc*.log文件

    环境: OS:HP-UNIX 数据库:11.2.0.4   双机RAC (一)现象 在清理Oracle日志的时候,发现在$ORACLE_HOME/log/{instance_id}/client下面存 ...

  8. quartz 每天0点5分开始，以后每隔15分钟启动一次，23:50停止

    quartz 每天0点5分开始,以后每隔15分钟启动一次,23:50停止,这个表达式怎么写? 5 用quartz做定时器,要求达到这样的效果每天0点5分开始,以后每隔15分钟启动一次,23:50停止不 ...

  9. CentOS7设置定时任务 每隔30分钟执行一次命令

    ref   https://blog.csdn.net/xiangxianghehe/article/details/78149094 一.安装 crontabs服务并设置开机自启: yum inst ...

随机推荐

  1. Calcite - StreamingSQL

    https://calcite.apache.org/docs/stream.html   Calcite's SQL is an extension to standard SQL, not ano ...

  2. 转:Spring与Mybatis整合的MapperScannerConfigurer处理过程源码分析

    原文地址:Spring与Mybatis整合的MapperScannerConfigurer处理过程源码分析 前言 本文将分析mybatis与spring整合的MapperScannerConfigur ...

  3. Windows7安装两个jdk配置

    win7 配置两个jdk,之前装了jdk1.6,项目需要安装1.8. 首先去oracle官网下载一个和你eclipse版本一致的jdk(我的是32位). 网址:https://www.oracle.c ...

  4. java之获取资源文件

    背景介绍 在java程序中有时我们需要加载项目中的某些资源文件(如:config.properties之类),以便获取里面的值,这样可以避免某些需要经常修改的数据硬编码入业务程序中 实现方式 实现这种 ...

  5. 前端 HTML body标签相关内容 常用标签 超链接标签 a标签

    超链接标签 <a> 超级链接<a>标记代表一个链接点,是英文anchor(锚点)的简写.它的作用是把当前位置的文本或图片连接到其他的页面.文本或图像,也可以是相同网页上的不同位 ...

  6. UVA 1379 - Pitcher Rotation(DP + 贪心)

    题目链接:option=com_onlinejudge&Itemid=8&page=show_problem&problem=4125" rel="nofo ...

  7. HIVE简单操作

    1.hive命令登录HIVE数据库后,执行show databases;命令可以看到hive数据库中有一个默认的default数据库. [root@hadoop hive]# hive Logging ...

  8. 在字符编码格式选项里UTF-8(无BOM）

    BOM——Byte Order Mark,就是字节序标记 在UCS 编码中有一个叫做”ZERO WIDTH NO-BREAK SPACE“的字符,它的编码是FEFF.而FFFE在UCS中是不存在的字符 ...

  9. 接口，定义接口的关键字是 interface 实现接口关键字是 implements

    当抽象类中的方法都是抽象的时候,这时可以将该抽象类用另一种形式定义和表示,就是接口interface特点:对于接口中常见的成员:而且这些成员都有固定的修饰符,不写就默认存在1:全局常量 :  都是 p ...

  10. 网络编程——socket编程

    一.客户端/服务端架构 1.硬件C/S架构(打印机) 2.软件C/S架构 互联网企业处处是C/S架构 C/S架构与socket的关系:学习socket就是为了完成C/S架构的开发 二.OSI七层 一个 ...