用jQuery的方法产生随机数，很实用

分类：jQuery教程时间：2017-12-12 21:38:21

在博客里出现3篇关于js产生随机数的文章，都有各的用处，今天在写一个用jQuery产生随机数的方法，个人感觉还是挺实用的。用变量num定义一个序列数字，就是你要的随机数，通过索引值取得每个数字，在用setInterval定时器和if判断，每隔3秒取得一个数字。

用jQuery的方法产生随机数

点击查看效果演示

代码如下：

<!Doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
    <title>jQuery产生随机数</title>
    <style type="text/css">
           *{margin:0;padding:0;}
           body{width:500px;margin:200px auto;}
           #RoundNum{color:red;font-size:80px;}
    </style>
</head>
<body>
随机数：<div id="RoundNum">10</div>
<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
      $(function () {
          var num = [19,108,260,308,125,307,109,101,209,302,56,69];
          var inx = 0;
          setInterval(function(){
              $('#RoundNum').text(num[inx]);
              if(inx != (num.length - 1)){
                  inx++;
              } else {
                  inx = 0;
              }
          }, 3000);
      });
</script>
</body>
</html>

除注明外的文章,均为来源:老汤博客,转载请保留本文地址！
原文地址：https://tangjiusheng.com/jQuery/134.html

关注下头条号后，请私信将免费分享给你一份web前端资料！
立即关注

大家都在看