js實(shí)現(xiàn)簡(jiǎn)易的單數(shù)字隨機(jī)抽獎(jiǎng)（0-9）
更新時(shí)間：2020年03月19日 11:42:59 投稿：lijiao
這篇文章主要介紹了js實(shí)現(xiàn)簡(jiǎn)易的單數(shù)字0-9隨機(jī)抽獎(jiǎng)，可以控制抽取隨機(jī)數(shù)開(kāi)始與停止，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文分享的網(wǎng)頁(yè)特效是一個(gè)可以控制開(kāi)始停止的數(shù)字抽獎(jiǎng)游戲，類(lèi)似很多電視上那種數(shù)字抽獎(jiǎng)游戲，下面就是我分享的全部代碼：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>簡(jiǎn)易的單數(shù)字隨機(jī)抽獎(jiǎng)，抽取隨機(jī)數(shù)的js特效代碼</title>
</head>
<body>
<div id="num"></div>
<input value="start" id="start" type="button" />
<input value="stop" id="stop" type="button" />
<script>
var num = document.getElementById("num");
var start = document.getElementById("start");
var _stop = document.getElementById("stop");
var intv = null;
start.onclick = function(){
if(intv==undefined){
intv = setInterval(function(){num.innerHTML = Math.floor(Math.random()*10);},50);
}
}
_stop.onclick = function(){
clearInterval(intv);
intv=null;
}
</script>
</body>
</html>
運(yùn)行效果圖：
初始狀態(tài)：
開(kāi)始之后：
我現(xiàn)在展示的是運(yùn)行中截的圖，是靜止的，大家可以動(dòng)手操作，感受一下，會(huì)有一點(diǎn)點(diǎn)的成就感哦。
以上就是本文的全部?jī)?nèi)容，希望大家可以繼續(xù)深入學(xué)習(xí)。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了js+css全屏側(cè)邊欄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-06-06
本篇文章通過(guò)例舉代碼分析的方式給大家講解了JavaScript數(shù)組操作難點(diǎn)以及需要注意的地方，一起學(xué)習(xí)參考下吧。2017-12-12
微信小程序新手教程之頁(yè)面打開(kāi)數(shù)量限制
這篇文章主要給大家介紹了關(guān)于微信小程序新手教程之頁(yè)面打開(kāi)數(shù)量限制的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
用js有很久了，但都沒(méi)有深究過(guò)js的數(shù)組形式。偶爾用用也就是簡(jiǎn)單的string.split(char)。對(duì)于字符的處理很多情況下需要用到數(shù)組2013-03-03
css transform 3D幻燈片特效實(shí)現(xiàn)步驟解讀
3D幻燈片特效想必大家以不在陌生至于表現(xiàn)形式一般都是拘泥于傳統(tǒng)接下來(lái)為大家介紹下使用css3 transform配合js以及html實(shí)現(xiàn)3D幻燈片特效2013-03-03
這篇文章介紹了Webpack4.x的四個(gè)核心概念介紹，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06
小程序安全指南之如何禁止外部直接跳轉(zhuǎn)到小程序某頁(yè)面
由于小程序跳轉(zhuǎn)的對(duì)象比較多,各自的規(guī)則又不一樣,因此小程序跳轉(zhuǎn)外部鏈接是用戶(hù)咨詢(xún)較多的問(wèn)題之一,下面這篇文章主要給大家介紹了關(guān)于小程序安全指南之如何禁止外部直接跳轉(zhuǎn)到小程序某頁(yè)面的相關(guān)資料,需要的朋友可以參考下2022-09-09
關(guān)于同時(shí)使用swiper和echarts遇到的問(wèn)題及解決方法
這篇文章主要介紹了關(guān)于同時(shí)使用swiper和echarts遇到的問(wèn)題及解決方法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-04-04
OpenLayer學(xué)習(xí)之自定義測(cè)量控件
這篇文章主要為大家詳細(xì) 介紹了OpenLayer學(xué)習(xí)之自定義測(cè)量控件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
全部限制那是很簡(jiǎn)單的事，直接把<script>腳本塊過(guò)濾掉就行了，但是部分限制又是如何做到的呢，下面我們一起來(lái)看看2014-09-09