这篇博客展示了如何利用JavaScript实现一个简单的抽奖功能。通过设置DOM元素的disabled属性控制开始和停止按钮的状态，并利用setInterval来实现名字的随机滚动效果。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
.box{width:500px; height:200px; background:#D4D4D4; padding:100px;position: absolute;top: 0;left: 0;right: 0;bottom: 0; margin:auto;}
.screen{width:100px; height:50px; margin:0 auto; background:#fff; line-height:50px; text-align:center;}
.btn{width:100px; height:30px; margin:30px auto; background:red;}
.btn2{width:100px; height:30px; margin:30px auto; background:greend;}
</style>
</head>
<body>
<div class="box">
<div class="screen"></div>
<button class="btn">点击开始</button>
<button class="btn2">点击停止</button>
</div>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
.box{width:500px; height:200px; background:#D4D4D4; padding:100px;position: absolute;top: 0;left: 0;right: 0;bottom: 0; margin:auto;}
.screen{width:100px; height:50px; margin:0 auto; background:#fff; line-height:50px; text-align:center;}
.btn{width:100px; height:30px; margin:30px auto; background:red;}
.btn2{width:100px; height:30px; margin:30px auto; background:greend;}
</style>
</head>
<body>
<div class="box">
<div class="screen"></div>
<button class="btn">点击开始</button>
<button class="btn2">点击停止</button>
</div>
最低0.47元/天 解锁文章
扫一扫
1380
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
