js实现"/>
js实现
随机抽取人员,是常见的js实现形式。点击开始按钮,代码按设置的开始执行,开始变成结束,点击结束,代码停止运行。
话不多说,上代码!!!
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style type="text/css">#active {width: 200px;height: 200px;border-radius: 50%;border: 1px solid red;line-height: 200px;text-align: center;margin: 0 auto;}#btn {width: 100px;height: 30px;text-align: 100px;line-height: 30px;display: block;margin: 0 auto;margin-top: 15px;}</style></head><body><div id="active">等待抽取人员</div><button id="btn" type="button" onclick="start()">开始</button><script type="text/javascript">var _active = document.getElementById("active");var _btn = document.getElementById("btn");var id;function start() {var val = _btn.innerText;if (val == "开始") {_btn.innerText = "结束";id = setInterval(function() {var content = Math.floor(Math.random() * 99);if (content < 10) {_active.innerHTML = "工号18090" + Number(content);} else {_active.innerHTML = "工号1809" + Number(content);}}, 500)} else {_btn.innerText = "开始";clearInterval(id);}}</script></body>
</html>
大家可以打出来代码,根据需要,加以修饰。
本节知识分享已完成,有不懂得可以私聊我哦
更多推荐
js实现
发布评论