jQuery-在特定时间内显示随机元素

22_4

我想在短时间内随机更改div其中的一个元素div(即:这是巴黎,这是苹果等)

我有这行HTML:

<div id="A">
  THIS IS
</div>

<div id="B">
  <div>AN APPLE</div>
  <div>PARIS</div>
  <div>PICASSO</div>
</div>

这是我以前使用的代码,但是现在我想使用不同的div而不是数组。

var textarray = [
 "AN APPLE",
 "PARIS",
 "PICASSO"
];

function RndText() {
  var rannum= Math.floor(Math.random()*textarray.length);
  document.getElementById('B').innerHTML=textarray[rannum];
}
onload = function() { RndText(); }
var inter = setInterval(function() { RndText(); }, 1000);

有人能帮我吗?
提前致谢!

古鲁帕萨德·J·饶(Guruprasad J Rao)

您只需要使用Math.random和即可setInterval下面的代码段:

$(function() {
  var n = 0;
  setInterval(function() {
      n = Math.floor((Math.random() * 3));
      $("#B div").hide();
      $("#B").find('div:eq('+n+')').show();
  },500);
});
#B div:not(:first-child) {
  display: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="A">
  THIS IS
</div>

<div id="B">
  <div>AN APPLE</div>
  <div>PARIS</div>
  <div>PICASSO</div>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在特定时间内运行功能

来自分类Dev

在特定时间内减少变量

来自分类Dev

WP_Query:在特定时间内以特定顺序显示帖子

来自分类Dev

Jquery滚动到div并显示特定时间并隐藏

来自分类Dev

在设定的时间内更改jQuery移动按钮的值

来自分类Dev

使用jQuery在设定的时间内更改值?

来自分类Dev

在恒定时间内查找堆栈中的最小元素

来自分类Dev

如何在恒定时间内获取每个元素?

来自分类Dev

如何在恒定时间内获取每个元素?

来自分类Dev

在一定时间内显示通知消息

来自分类Dev

蝗虫:如何使蝗虫在特定时间内运行

来自分类Dev

Android-在特定时间内更改按钮的颜色

来自分类Dev

如何在特定时间内暂停剪辑/对象?

来自分类Dev

如何在特定时间内执行方法?

来自分类Dev

PHP检查日期是否在特定时间内

来自分类Dev

HTML输入时间,在最短和最长时间内选择时间-jQuery

来自分类Dev

警告在设定时间内消失

来自分类Dev

给定时间内的Postgres SUM

来自分类Dev

如何在恒定时间内生成无偏随机bigint

来自分类Dev

jQuery-在特定日期和时间显示/隐藏元素?

来自分类Dev

检查条件是否在更长的时间内为真 - 不仅在特定时间

来自分类Dev

JavaScript-jQuery-PHP:在我的datetimepicker中从数据库动态显示特定时间

来自分类Dev

jQuery:ajax跟踪请求公司图像和其他资产在加载时间内的进度

来自分类Dev

如何使用jQuery在最短的时间内修改大表的行?

来自分类Dev

在恒定时间内查找堆栈中的最大元素

来自分类Dev

切片迭代器可以在恒定时间内推进多个元素吗?

来自分类Dev

用javascript表示坐标,并在恒定时间内访问元素

来自分类Dev

如何使用HashMap在恒定时间内从Java的LinkedList中获取元素

来自分类Dev

如果按下按钮,如何在一定时间内显示图像

Related 相关文章

  1. 1

    在特定时间内运行功能

  2. 2

    在特定时间内减少变量

  3. 3

    WP_Query:在特定时间内以特定顺序显示帖子

  4. 4

    Jquery滚动到div并显示特定时间并隐藏

  5. 5

    在设定的时间内更改jQuery移动按钮的值

  6. 6

    使用jQuery在设定的时间内更改值?

  7. 7

    在恒定时间内查找堆栈中的最小元素

  8. 8

    如何在恒定时间内获取每个元素?

  9. 9

    如何在恒定时间内获取每个元素?

  10. 10

    在一定时间内显示通知消息

  11. 11

    蝗虫:如何使蝗虫在特定时间内运行

  12. 12

    Android-在特定时间内更改按钮的颜色

  13. 13

    如何在特定时间内暂停剪辑/对象?

  14. 14

    如何在特定时间内执行方法?

  15. 15

    PHP检查日期是否在特定时间内

  16. 16

    HTML输入时间,在最短和最长时间内选择时间-jQuery

  17. 17

    警告在设定时间内消失

  18. 18

    给定时间内的Postgres SUM

  19. 19

    如何在恒定时间内生成无偏随机bigint

  20. 20

    jQuery-在特定日期和时间显示/隐藏元素?

  21. 21

    检查条件是否在更长的时间内为真 - 不仅在特定时间

  22. 22

    JavaScript-jQuery-PHP:在我的datetimepicker中从数据库动态显示特定时间

  23. 23

    jQuery:ajax跟踪请求公司图像和其他资产在加载时间内的进度

  24. 24

    如何使用jQuery在最短的时间内修改大表的行?

  25. 25

    在恒定时间内查找堆栈中的最大元素

  26. 26

    切片迭代器可以在恒定时间内推进多个元素吗?

  27. 27

    用javascript表示坐标,并在恒定时间内访问元素

  28. 28

    如何使用HashMap在恒定时间内从Java的LinkedList中获取元素

  29. 29

    如果按下按钮,如何在一定时间内显示图像

热门标签

归档