Rumah >hujung hadapan web >tutorial js >js melaksanakan kemahiran loteri rawak nombor tunggal mudah (0-9)_javascript

js melaksanakan kemahiran loteri rawak nombor tunggal mudah (0-9)_javascript

WBOY
WBOYasal
2016-05-16 15:47:221738semak imbas
Kesan khas halaman web yang dikongsi dalam artikel ini ialah permainan loteri digital yang boleh dikawal untuk dimulakan dan dihentikan, sama seperti permainan loteri digital di banyak TV Berikut ialah semua kod yang saya kongsikan:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>简易的单数字随机抽奖,抽取随机数的js特效代码</title>
</head>
<body>
<div id="num"></div>
<input value="start" id="start" type="button" />
<input value="stop" id="stop" type="button" />
<script>
var num = document.getElementById("num");
var start = document.getElementById("start");
var _stop = document.getElementById("stop");
var intv = null;
start.onclick = function(){
 
 if(intv==undefined){
 
 intv = setInterval(function(){num.innerHTML = Math.floor(Math.random()*10);},50);
 
 }
 
}
_stop.onclick = function(){
 
 clearInterval(intv);
 
 intv=null;
 
}
</script>
</body>
</html>
Pemarahan operasi:
Keadaan awal:
Selepas bermula:

Apa yang saya tunjukkan sekarang ialah tangkapan skrin operasi, yang masih anda boleh mengendalikannya dan merasainya, dan anda akan merasai sedikit pencapaian.

Di atas adalah keseluruhan kandungan artikel ini saya harap anda boleh terus belajar dengan mendalam.

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