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.
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
