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

js pelaksanaan kemahiran example_javascript loteri laman web

WBOY
Lepaskan: 2016-05-16 15:47:00
asal
1377 orang telah melayarinya

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>

Salin selepas log masuk

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

Label berkaitan:
js
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan