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

 分类:jQuery教程时间:2017-12-12点击:

   在博客里出现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>


除注明外的文章,均为来源:(QQ:1917843637),转载请保留本文地址!
原文地址:
  • 一起学习,请加入web前端开发交流群:296358221
  • 立即加入