我是石家莊做網站的一名前端工程師,今天我給大家分享的demo是js實現(xiàn)點擊隨機數(shù)。希望這個demo希望對大家能有所幫助,我把代碼貼到下面了。
效果圖:

代碼
樣式
.box {
width: 760px;
height: 245px;
float: left;
border: #888 solid 2px;
margin-right: 30px;
}
#layer {
font-family: Verdana;
font-size: 200px;
color: #888;
}
#btn {
float: left;
font-family: arial;
color: #14396A !important;
font-size: 30px;
padding: 14px 28px;
margin-top: 90px;
background: #63B8EE;
}
Body
<div class="box">
<span id="layer">000000</span>
</div>
<div>
<input type="button" value='生成隨機數(shù)' id="btn" />
</div>
Js
var rand_btn = document.getElementById("btn");//獲取按鈕
rand_btn.onclick = function() {//綁定點擊事件
Lottery();//調用下面寫好的function
clock = setTimeout('clearTimeout(T)', 1000);
//一秒后清除定時器
}
function Lottery() {
//限制六位數(shù)
var Num = Math.floor((Math.random() * 900000 + 100000));
var result = document.getElementById("layer");//獲取顯示框
if(result != null) {//判斷是否有顯示框
result.innerHTML = Num;//吧我們生成的隨機數(shù)放大到顯示框內
console.log(Num)//在控制臺打印生成的隨機數(shù)
}
//0.01秒執(zhí)行一次函數(shù)
T = setTimeout('Lottery()', 10);
}
以上就是石家莊做網站的尚武科技為大家分享的js點擊實現(xiàn)隨機數(shù)的demo希望對各位小伙伴有所幫助。
如果大家對有什么技術方面的問題,可以關注石家莊做網站的尚武科技官方公眾號“尚武科技π”,其中會有大量關于”互聯(lián)網+”的相關的內容供大家互相學習了解,同時歡迎大家一起討論技術問題。
通過以上內容的說明,大家對如何用js實現(xiàn)隨機數(shù)已經有了一定的了解。如果大家對這個功能有什么問題可以在尚武科技π留言,我們會在下期的文章更新中為您解答您的問題。
希望石家莊做網站的尚武科技做網站做的越來越好。
如果大家覺得尚武科技π寫的文章對大家有用的話別忘了分享給朋友,萬分感謝大家對尚武科技π的支持。