随机出现预先设定的数字[随机点名]如何用JS实现!

废话不多说JS代码如下

<!DOCTYPE html>
<html lang=”en”>

<head>
<meta charset=”UTF-8″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Document</title>
</head>

<body>
<button id=”box1″>开始</button>
<button id=”box2″>结束</button>
<span id=”box”>Tom</span>

<script>
//获取页面中的元素

var btn1 = document.getElementById(‘box1’);
var btn2 = document.getElementById(‘box2’);
var span = document.getElementById(‘box’);
var names = [‘Tom’, ‘Jack’, ‘Lucy’, ‘Peter’, ‘Mark’, ‘Min’, ‘Liu’, ‘Rani’];
var timer;

btn1.onclick = function() {
window.clearInterval(timer);

timer = window.setInterval(countName, 100);
};

btn2.onclick = function() {
window.clearInterval(timer);
};

function countName() {
var index = parseInt(Math.random() * names.length);
span.innerHTML = names[index];
}
</script>
</body>

</html>

说明:其中var names = [‘Tom’, ‘Jack’, ‘Lucy’, ‘Peter’, ‘Mark’, ‘Min’, ‘Liu’, ‘Rani’];里面就是随机要出现的文字可以自己修改!

————下载必看————

1、资源通过互联网渠道公开获取,仅供阅读测试,请在下载后24小时内删除,谢谢合作!
2、若版权方认为本站侵权,请联系发邮件至(rsstime@qq.com)处理。
3、本站解压密码统一为:yudouyudou

时光屋 » 随机出现预先设定的数字[随机点名]如何用JS实现!

发表评论

至臻视听_发烧收藏

会员介绍 常见问题