<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!-- 随机点名系统 -->
<div>
<h2 id="name">
</h2>
<button onclick="start()">开始</button>
<button onclick="end()">结束</button>
</div>
<script src="../day06/js/utils.js"></script>
<!-- 调用外部js文件 -->
<script type="text/javascript">
// 点击开始则开始循环,用随机数确定秒数
// 用循环显示列表中的元素
// 当循环下标 == list.length - 1 --->下标置零
let arrayStu = ['王力','杨斌','杨俊明', '李清龙','王志','徐刚','宋剑成','张旭','李德财','李佳林','冯燚','候泰坤','王梁旭']
let name = document.querySelector('#name')
result = arrayStu[0]
name.textContent = result
function start(){
// let time = (parseInt(Math.random() * 15) + 1) * 1000
// console.log(time)
let i = arrayStu.length - 1
let interval = setInterval(function(){
// time -= 100
// if(time == 0){
// clearInterval(interval)
// }
let result = arrayStu[i]
name.textContent = result
//
i -= 1
if(i == 0){
i = arrayStu.length - 1
}
}, 1)
window.interval = interval
}
function end(){
clearInterval(interval)
}
// window.moveTo(500,500)
</script>
</body>
</html>
array-homework2
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- array_values返回数组中所有值array_keys返回数组所有的keyarray_search在数组中搜...
- 题目: Problem DescriptionOne day, Kaitou Kiddo had stolen a...
- 最近有在熟悉集合(数组)的一些操作方法。其中遇到判定一个元素是否存在于一个数组中的时候,了解到有这么三个方法。了解...
- 先来说下异同点 相同点: 操作对象是数组 都是利用回调函数对数组中每个元素进行操作 不同点: 返回值 回调函数的参...