简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > js-Tutorial > Hauptteil

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

WBOY
Freigeben： 2016-05-16 15:47:22
Original
1652 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.

Verwandte Etiketten：
js数字滚动抽奖 js随机生成数字 js随机抽奖
Quelle：php.cn
Vorheriger Artikel：Zwei JS-Methoden zum Schutz der Javascript-Fähigkeiten der rechten Maustaste Nächster Artikel：Analyse des JavaScript-Bewegungsverzögerungseffekts. Beispiele_Javascript-Kenntnisse
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Generieren von Inhalten mit Ajax – Scrollen zur ID funktioniert nicht Ich erzeuge Seiteninhalte basierend auf Daten, die ich über Ajax erhalten habe. Das Proble...
Aus 2024-04-04 09:29:39
0
1
397
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！