Rumah >hujung hadapan web >tutorial js >js pelaksanaan kemahiran example_javascript loteri laman web

js pelaksanaan kemahiran example_javascript loteri laman web

WBOYasal: 2016-05-16 15:47:001378semak imbas

Contoh dalam artikel ini menerangkan kaedah melaksanakan loteri halaman web dengan js. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Program loteri halaman web ini dilaksanakan berdasarkan kod javascript Ia hanya menunjukkan cara menggunakan JS untuk melaksanakan fungsi loteri Klik butang "Mulakan Loteri" dan program akan memulakan loteri Apabila anda perlu berhenti. Berhenti". Disiarkan sebelum Terdapat beberapa program loteri yang serupa. Jika anda berminat, cari "Loteri" di bahagian kesan khas laman web ini untuk melihatnya.

Kesan operasi adalah seperti yang ditunjukkan di bawah:

Kod khusus adalah seperti berikut:

<!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>

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：js klik senarai teks sepadan dengan baris paparan warna pelaksanaan kemahiran code_javascriptArtikel seterusnya：js klik senarai teks sepadan dengan baris paparan warna pelaksanaan kemahiran code_javascript

Artikel berkaitan

Lihat lagi