JavaScript随机抽奖

xiaoxiao2021-12-14 23

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>随机抽奖</title> <style> .box{width:600px;height:500px;margin:0 auto;border:dashed #ccc 2px;} button{width:120px;height:40px;border-radius: 10px;margin:30px auto;font-size: 26px;display: block;} span{width:300px;height:300px;background:#ffff99;display: block;margin:0 auto;border-radius:100%;text-align: center;font-size:30px;line-height:300px;} </style> <script> var a1=["林惊羽","曾书书","碧瑶","张小凡","无崖子","鬼王"]; var times; function star(){ var index=parseInt(Math.random()*a1.length); var x=a1[index]; var s=document.getElementById("show"); s.innerHTML=x; } function start(){ times=setInterval(star,40); } function end(){ clearInterval(times); } </script> </head> <body> <div class="box"> <span id="show">等待抽奖</span> <button οnclick="start()">开始抽奖</button> <button οnclick="end()">结束抽奖</button> </div> </body> </html>

转载请注明原文地址: https://ju.6miu.com/read-971010.html

专利

最新回复(0)