我是成都做網(wǎng)站的一名前端工程師，今天我給大家分享的demo是js實(shí)現(xiàn)點(diǎn)擊隨機(jī)數(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='生成隨機(jī)數(shù)' id="btn" />

</div>

Js

var rand_btn = document.getElementbyid("btn");//獲取按鈕

rand_btn.onclick = function() {//綁定點(diǎn)擊事件

Lottery();//調(diào)用下面寫好的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;//吧我們生成的隨機(jī)數(shù)放大到顯示框內(nèi)

console.log(Num)//在控制臺打印生成的隨機(jī)數(shù)

}

//0.01秒執(zhí)行一次函數(shù)

T = setTimeout('Lottery()', 10);

}

以上就是成都做網(wǎng)站的創(chuàng)新互聯(lián)為大家分享的js點(diǎn)擊實(shí)現(xiàn)隨機(jī)數(shù)的demo希望對各位小伙伴有所幫助。

如果大家對有什么技術(shù)方面的問題，可以關(guān)注成都做網(wǎng)站的創(chuàng)新互聯(lián)官方公眾號“創(chuàng)新互聯(lián)π”，其中會有大量關(guān)于”互聯(lián)網(wǎng)+”的相關(guān)的內(nèi)容供大家互相學(xué)習(xí)了解，同時歡迎大家一起討論技術(shù)問題。

通過以上內(nèi)容的說明，大家對如何用js實(shí)現(xiàn)隨機(jī)數(shù)已經(jīng)有了一定的了解。如果大家對這個功能有什么問題可以在創(chuàng)新互聯(lián)π留言，我們會在下期的文章更新中為您解答您的問題。

希望成都做網(wǎng)站的創(chuàng)新互聯(lián)做網(wǎng)站做的越來越好。

如果大家覺得創(chuàng)新互聯(lián)π寫的文章對大家有用的話別忘了分享給朋友，萬分感謝大家對創(chuàng)新互聯(lián)π的支持。

當(dāng)前標(biāo)題：Js實(shí)現(xiàn)點(diǎn)擊隨機(jī)數(shù)
標(biāo)題鏈接：http://www.rwnh.cn/news23/315073.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、品牌網(wǎng)站建設(shè)、網(wǎng)站策劃、響應(yīng)式網(wǎng)站、動態(tài)網(wǎng)站、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)