js實現(xiàn)簡易的單數(shù)字隨機抽獎（0-9）
更新時間：2020年03月19日 11:42:59 投稿：lijiao
這篇文章主要介紹了js實現(xiàn)簡易的單數(shù)字0-9隨機抽獎，可以控制抽取隨機數(shù)開始與停止，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文分享的網頁特效是一個可以控制開始停止的數(shù)字抽獎游戲，類似很多電視上那種數(shù)字抽獎游戲，下面就是我分享的全部代碼：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>簡易的單數(shù)字隨機抽獎，抽取隨機數(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>
運行效果圖：
初始狀態(tài)：
開始之后：
我現(xiàn)在展示的是運行中截的圖，是靜止的，大家可以動手操作，感受一下，會有一點點的成就感哦。
以上就是本文的全部內容，希望大家可以繼續(xù)深入學習。
相關文章
javascript js 操作數(shù)組 增刪改查的簡單實現(xiàn)
下面小編就為大家?guī)硪黄猨avascript js 操作數(shù)組 增刪改查的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
這篇文章為大家分享了輕量級Bootstrap Table表格插件，以表格的形式顯示的數(shù)據(jù)，支持單選，復選框，排序，分頁,顯示/隱藏列等操作，感興趣的小伙伴們可以參考一下2016-05-05
這篇文章介紹了js同比例縮放圖片的小例子，有需要的朋友可以參考一下2013-10-10
我們在做項目的時候，特別是注冊用戶的時候，基本上都需要有注冊協(xié)議之類的東西，那么我們如何判斷用戶是否勾選了同意了此協(xié)議呢？2014-06-06
已知微信小程序中如果要做到全局狀態(tài)共享，常用的有四種方式，分別是globalData、本地緩存、mobx-miniprogram和westore，本文將帶大家看看mobx-miniprogram是如何實現(xiàn)的小程序的全局狀態(tài)管理，需要的可以收藏一下2023-06-06
跟我學習javascript的作用域與作用域鏈，感興趣的小伙伴們可以參考一下2015-11-11
今天在群里看到有人要幻燈片的代碼，于是我自己也想了想，做個總結。常見的幻燈片切換無非就是輪播和漸變，不管哪種都是用定時器來逐步改變圖片或者圖片組的某種屬性來實現(xiàn)的2011-12-12
這篇文章主要介紹了JavaScript資源預加載組件和滑屏組件的使用推薦,分別為preload和slide的用法講解,使用起來非常簡單,需要的朋友可以參考下2016-03-03
本篇文章給大家分享了關于JS的函數(shù)調用棧stack size的計算方法的相關知識點，有興趣的朋友參考學習下。2018-06-06
這篇文章主要介紹了微信小程序獲取地理位置及經緯度授權代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-09-09