L'exemple de cet article décrit la méthode d'implémentation de la loterie de pages Web avec js. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :
Ce programme de loterie de page Web est implémenté sur la base du code javascript. Il montre simplement comment utiliser JS pour implémenter la fonction de loterie. Cliquez sur le bouton "Démarrer la loterie" et le programme lancera la loterie. Lorsque vous devez arrêter, appuyez sur ". Arrêtez". Publié avant Il existe plusieurs programmes de loterie similaires. Si vous êtes intéressé, recherchez « Loterie » dans la section effets spéciaux de ce site Web pour y jeter un œil.
L'effet de l'opération est comme indiqué ci-dessous :
Le code spécifique est le suivant :
<!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>
J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
