jQuery插件生成随机数的例子

发布时间:2020-01-06编辑:脚本学堂
分享一个jquery插件生成随机数的小例子,很简单,作为入门参考挺不错的,了解下随机数的生成原理,有需要的朋友研究下吧。

使用jquery插件生成随机数,点击按钮即可生成随机数,仅供入门参考。

使用jQuery取得随机数:

复制代码 代码示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery生成随机数字-www.jb200.com</title>
<style>ul{list-style:decimal;}</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
    <input type="button" value="Test" id="Test" />
    <ul>
       <li></li>
       <li></li>
       <li></li>
       <li></li>
       <li></li>
       <li></li>
       <li></li>
    </ul>
    <script>
        var a = {}, getNum = function(){
 var b;
 while(true){
  b = Math.random().toString().substr(2, 7)/100;
  if(b.toString().length === 8 && a[b] === undefined){
   return a[b] = b;
  }
 }
       };
        $('#Test').on('click', function(){
            $('li').each(function(){
                $(this).html(getNum());
            });
        });
    </script>
</body>
</html>