2024-01-23 分類: 網(wǎng)站建設(shè)
我是成都做網(wǎng)站的一名前端工程師,今天我給大家分享的demo是js實(shí)現(xiàn)點(diǎn)擊隨機(jī)數(shù)。希望這個(gè)demo希望對(duì)大家能有所幫助,我把代碼貼到下面了。
效果圖:
代碼
樣式
.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);
//一秒后清除定時(shí)器
}
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)//在控制臺(tái)打印生成的隨機(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希望對(duì)各位小伙伴有所幫助。
如果大家對(duì)有什么技術(shù)方面的問(wèn)題,可以關(guān)注成都做網(wǎng)站的創(chuàng)新互聯(lián)官方公眾號(hào)“創(chuàng)新互聯(lián)π”,其中會(huì)有大量關(guān)于”互聯(lián)網(wǎng)+”的相關(guān)的內(nèi)容供大家互相學(xué)習(xí)了解,同時(shí)歡迎大家一起討論技術(shù)問(wèn)題。
通過(guò)以上內(nèi)容的說(shuō)明,大家對(duì)如何用js實(shí)現(xiàn)隨機(jī)數(shù)已經(jīng)有了一定的了解。如果大家對(duì)這個(gè)功能有什么問(wèn)題可以在創(chuàng)新互聯(lián)π留言,我們會(huì)在下期的文章更新中為您解答您的問(wèn)題。
希望成都做網(wǎng)站的創(chuàng)新互聯(lián)做網(wǎng)站做的越來(lái)越好。
如果大家覺(jué)得創(chuàng)新互聯(lián)π寫的文章對(duì)大家有用的話別忘了分享給朋友,萬(wàn)分感謝大家對(duì)創(chuàng)新互聯(lián)π的支持。
當(dāng)前標(biāo)題:Js實(shí)現(xiàn)點(diǎn)擊隨機(jī)數(shù)
標(biāo)題鏈接:http://jinyejixie.com/news23/315073.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供關(guān)鍵詞優(yōu)化、品牌網(wǎng)站建設(shè)、網(wǎng)站策劃、響應(yīng)式網(wǎng)站、動(dòng)態(tài)網(wǎng)站、小程序開(kāi)發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容