Heim >Web-Frontend >js-Tutorial >js implementiert einfache Einzelzahl-Zufallslotterie (0-9)_Javascript-Fähigkeiten

js implementiert einfache Einzelzahl-Zufallslotterie (0-9)_Javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:47:221738Durchsuche
Der in diesem Artikel geteilte Webseiten-Spezialeffekt ist ein digitales Lotteriespiel, dessen Start und Stopp gesteuert werden kann, ähnlich den digitalen Lotteriespielen auf vielen Fernsehern. Hier ist der gesamte Code, den ich geteilt habe:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>简易的单数字随机抽奖,抽取随机数的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>
Operationsrendering:
Ausgangszustand:
Nach dem Start:

Was ich jetzt zeige, ist ein Screenshot der Operation. Sie können es bedienen und fühlen, und Sie werden ein kleines Erfolgserlebnis verspüren.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, Sie können ihn weiterhin eingehend studieren.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn