suchen

Heim >Web-Frontend >js-Tutorial >js-Implementierung der Webseitenlotterie example_javascript skills

js-Implementierung der Webseitenlotterie example_javascript skills

WBOY
WBOYOriginal
2016-05-16 15:47:001381Durchsuche

Das Beispiel in diesem Artikel beschreibt die Methode zur Implementierung einer Webseitenlotterie mit js. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Dieses Webseiten-Lotterieprogramm basiert auf Javascript-Code. Es zeigt lediglich, wie Sie die Lotteriefunktion mit JS implementieren. Klicken Sie auf die Schaltfläche „Lotterie starten“, und das Programm startet die Lotterie. Stop". Gepostet vor Es gibt mehrere ähnliche Lotterieprogramme. Wenn Sie interessiert sind, suchen Sie im Abschnitt „Spezialeffekte“ dieser Website nach „Lotterie“, um einen Blick darauf zu werfen.

Der Betriebseffekt ist wie folgt:

Der spezifische Code lautet wie folgt: 

<!DOCTYPE html>
<html lang="zh">
<head>
<title>抽奖程序</title>
<script type="text/javascript"> 
var randNum=Math.random()*10;
function testTime(){
document.getElementById("testtime").innerHTML="<h2>"+Math.floor(Math.random()*10)+"</h2>";
}
function setTime(mark){
timer=null;
timer=setInterval(testTime,12);
if(mark=='stop'){
  clearInterval(timer);
}
return timer;
}
function clearTime(timer){ }
</script>
<style type="text/css">
<!--
body {font-family: Arial;color:#fff;margin: 0px;padding: 0px;background:#000;text-align:center;}
#happyness{font-size:186px;line-height:186px;margin-top:100px;}
-->
</style>
</head>
<body>
</body>
<button onClick="timer=setInterval(testTime,12);" value="" style="width:100px;height:30px">开始抽奖</button>
<button onClick="clearInterval(timer);" value="Stop" style="width:100px;height:30px">停止</button>
<div id="testtime" style="font-size:25px"></div>
</html>

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

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
Vorheriger Artikel：js-Klicklistentext, der der Zeile entspricht, Hintergrundfarbe anzeigen, Code_javascript-Kenntnisse implementierenNächster Artikel：js-Klicklistentext, der der Zeile entspricht, Hintergrundfarbe anzeigen, Code_javascript-Kenntnisse implementieren

In Verbindung stehende Artikel

Mehr sehen