<!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)文章

javascript js 操作數(shù)組增刪改查的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)?lái)一篇javascript js 操作數(shù)組增刪改查的簡(jiǎn)單實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-06-06
值得分享的輕量級(jí)Bootstrap Table表格插件
這篇文章為大家分享了輕量級(jí)Bootstrap Table表格插件，以表格的形式顯示的數(shù)據(jù)，支持單選，復(fù)選框，排序，分頁(yè),顯示/隱藏列等操作，感興趣的小伙伴們可以參考一下
2016-05-05
js同比例縮放圖片的小例子
這篇文章介紹了js同比例縮放圖片的小例子，有需要的朋友可以參考一下
2013-10-10
checkbox勾選判斷代碼分析
我們?cè)谧鲰?xiàng)目的時(shí)候，特別是注冊(cè)用戶(hù)的時(shí)候，基本上都需要有注冊(cè)協(xié)議之類(lèi)的東西，那么我們?nèi)绾闻袛嘤脩?hù)是否勾選了同意了此協(xié)議呢？
2014-06-06
微信小程序?qū)崿F(xiàn)全局狀態(tài)管理的方法整理
已知微信小程序中如果要做到全局狀態(tài)共享，常用的有四種方式，分別是globalData、本地緩存、mobx-miniprogram和westore，本文將帶大家看看mobx-miniprogram是如何實(shí)現(xiàn)的小程序的全局狀態(tài)管理，需要的可以收藏一下
2023-06-06
跟我學(xué)習(xí)javascript的作用域與作用域鏈
跟我學(xué)習(xí)javascript的作用域與作用域鏈，感興趣的小伙伴們可以參考一下
2015-11-11
js 幻燈片的實(shí)現(xiàn)
今天在群里看到有人要幻燈片的代碼，于是我自己也想了想，做個(gè)總結(jié)。常見(jiàn)的幻燈片切換無(wú)非就是輪播和漸變，不管哪種都是用定時(shí)器來(lái)逐步改變圖片或者圖片組的某種屬性來(lái)實(shí)現(xiàn)的
2011-12-12
JavaScript資源預(yù)加載組件和滑屏組件的使用推薦
這篇文章主要介紹了JavaScript資源預(yù)加載組件和滑屏組件的使用推薦,分別為preload和slide的用法講解,使用起來(lái)非常簡(jiǎn)單,需要的朋友可以參考下
2016-03-03
JS的函數(shù)調(diào)用棧stack size的計(jì)算方法
本篇文章給大家分享了關(guān)于JS的函數(shù)調(diào)用棧stack size的計(jì)算方法的相關(guān)知識(shí)點(diǎn)，有興趣的朋友參考學(xué)習(xí)下。
2018-06-06
微信小程序獲取地理位置及經(jīng)緯度授權(quán)代碼實(shí)例
這篇文章主要介紹了微信小程序獲取地理位置及經(jīng)緯度授權(quán)代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-09-09