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
Freigeben: 2016-05-16 15:47:22
Original
1725 Leute haben es durchsucht
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>
Nach dem Login kopieren
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.

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage