主页 > 教程合集 > Html/css >

JavaScript随机数的实现方法

时间:2022-03-10 阅读:0

利用随机数Math对象下的random方法。

JavaScript随机数的实现方法

看下面的例子:


<!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></title>
        <style type="text/css">
                .de{ width:450px; height:450px; border:4px solid #ccc; margin:0 auto; margin-top:50px;}
                .we{ width:450px; height:450px;}
        </style>
        <script type="text/javascript">
                function de() {
                        var we = document.getElementById("we");
                        var img = ["XMJ.jpg", "XMJX.jpg", "psb.jpg"]; //url 链接数组
                        var allNumber = img.length; // 保存img的个数
                        var randomImg = parseInt(allNumber * Math.random()); //Math.random随机数
                        we.setAttribute("src",img[randomImg]);
                }
                window.onload = function () {
                        de();
                }
        </script>
</head>
<body>
        <div class="de">
                <img src="psb.jpg" alt="" title="" class="we" id="we"/>
        </div>
</body>
</html>

 

开通特权,即可免费下载全站所有千余TB网络资源,点击 >>> 资源目录 查看所有资源,覆盖音乐、影视、有声书、电子书、漫画、动漫、课程等,不限时间次数,永久免费,点击 >>> 特权详情 了解更多!

余斗余斗
  • 版权声明:原创文章由发表在Html/css分类下,2022-03-10最后更新,转载注明出处。

相关推荐

返回顶部