1.前端index.html

  1. <head>
  2. <meta charset="UTF-8">
  3. <title>n号循环</title>
  4. </head>
  5. <body>
  6. <div><span class="nm"></span>微信号:<span class="wx"></span></div>
  7. <div><span class="nm"></span>微信号:<span class="wx"></span></div>
  8. <div><span class="nm"></span></div>
  9. 微信号:<span class="wx"></span>
  10. 微信号:<span class="wx"></span>
  11. </body>
  12. <script type="text/javascript" src="../js/getclassname.js" ></script>
  13. </html>

2.getclassname.js

  1. function xhwx(xhminu,wxshu){ //xhminu代表多长时间换一次;wxshu代表微信数量
  2. var weixin= [
  3. ['张三','zhangsan'],
  4. ['李四','lisi'],
  5. ['王五','wangwu']
  6. ];
  7. var tm=new Date();
  8. var minu=tm.getHours()*60+tm.getMinutes();
  9. var tm1=minu%(xhminu*wxshu);
  10. var tm2=tm1/xhminu;
  11. var info='';
  12. for(var i=0;i<wxshu;i++){
  13. if(tm2>=i&&tm2<(i+1)){
  14. info=weixin[i];
  15. break;
  16. }
  17. }
  18. return info;
  19. }
  20.  
  21. /*为了更好的在ie浏览器上解决getelementclassname问题,需要引用如下js*/
  22. /**
  23. *通过class名和标签名获取css样式对象组
  24. */
  25. function getClassNames(classStr, tagName)
  26. {
  27. if (document.getElementsByClassName)
  28. {
  29. return document.getElementsByClassName(classStr)
  30. } else
  31. {
  32. //为了兼容ie8及其以下版本的方法
  33. var nodes = document.getElementsByTagName(tagName), ret = [];
  34. for (i = 0; i < nodes.length; i++)
  35. {
  36. if (hasClass(nodes[i], classStr))
  37. {
  38. ret.push(nodes[i])
  39. }
  40. }
  41. return ret;
  42. }
  43. }
  44.  
  45. /**
  46. *判断节点class存在性
  47. */
  48. function hasClass(tagStr, classStr)
  49. {
  50. //这个正则表达式是因为class可以有多个,判断是否包含
  51. var arr = tagStr.className.split(/\s+/);
  52. for ( var i = 0; i < arr.length; i++)
  53. {
  54. if (arr[i] == classStr)
  55. {
  56. return true;
  57. }
  58. }
  59. return false;
  60. }
  61.  
  62. var weixin=xhwx(1,3); // 一分钟换一组微信名和微信号,总共有3组微信
  63.  
  64. //由于加载顺序,获取对象的代码应写在对象已加载之后
  65. var spans = getClassNames('nm', 'span');
  66. if (null != spans)
  67. {
  68. //alertObj(divs);
  69. //遍历对象,改其css样式
  70. for ( var i = 0; i < spans.length; i++)
  71. {
  72. spans[i].innerHTML =weixin[0];
  73. }
  74. }
  75.  
  76. //由于加载顺序,获取对象的代码应写在对象已加载之后
  77. var spans = getClassNames('wx', 'span');
  78. if (null != spans)
  79. {
  80. //alertObj(divs);
  81. //遍历对象,改其css样式
  82. for ( var i = 0; i < spans.length; i++)
  83. {
  84. spans[i].innerHTML = weixin[1];
  85. }
  86. }

 

页面每隔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. DbGridEh中改变行的颜色

    DbGridEh中改变行的颜色 代码也挺简单的,只是当时没有想到: if ds2.FieldByName('AutoRead').AsInteger=0 thenbegin  DBGridEh1.Ca ...

  2. 《Mysql 字符集》

    一:什么是字符集呢? - 引用书中的例子:同样是大熊猫,在大陆叫熊猫,在台湾叫猫熊,在美国叫Panda,要到了非洲,可能都不知道叫啥(于是就乱码了). - 在例子之后引入字符集的概念:字符集就是指符号 ...

  3. linux下tomcat启动没有日志,没有进程,没有报错,没有监听端口

    可以试试运行catalina.sh run,这个命令会让tomcat在终端打印日志.

  4. ntpdata 同步时间

    ntpdate用来同步时间 [root@localhost ~]# yum install -y ntp [root@localhost ~]# ntpdate time.windows.com # ...

  5. 帝国cms系统限制的登录次数不得超过5次请等60分钟过后方可重新登录

    朋友的网站是帝国cms建的,他好久没登录有点忘记密码了,后面再登录就提示系统限制的登录次数不得超过5次请等60分钟过后方可重新登录,这个如何解决呢?其实只要修改一下配置文件就可以了:修改e/class ...

  6. dxRibbonRadialMenu控件使用

    设计视图 双击dxRibbonRadialMenu1增加项目 增改显示文字 增加图标列表 代码很简单,从当前鼠标位置打开,屏蔽系统右键 procedure TForm1.cxMemo1ContextP ...

  7. 简明 ASP.NET Core 手册2018

    https://windsting.github.io/little-aspnetcore-book/book/ 中文版 https://nbarbettini.gitbooks.io/little- ...

  8. SparkSql常用语句

    -连接sparksql: cd /home/mr/spark/bin ./beeline !connect jdbc:hive2://hostname:port --切换数据库 use databas ...

  9. abap form格式的异常处理

    1: form 中有异常时,需要用 raising 将异常抛出. *&------------------------------------------------------------- ...

  10. Java字符串复制

    Java字符串复制 public boolean topicFilterMatch(String topicFilter, String topic) { if (topicFilter == nul ...