JS原生代码 随机选择中午吃什么

学习JS,练习一个随机获得数组中的一位数

虽然代码多数不是我写的,但是这种逻辑还是要学习的

一点点来吧

DOM 部分

<div id="foods"></div>
<input type="button" value="点我选择吃什么" class="btn">
<script>
var timer = null;
//定义一个函数 让数组内容随机显示
function myFunction() {
var foods = ["米饭", "水果", "面", "好吃的", "面包", "盖浇饭"];
// console.log(foods[i]);
var index = Math.floor((Math.random() * foods.length));
document.getElementById("foods").innerHTML = foods[index];
}
//利用setInterval 控制显示 并点击后关闭定时器
function _toggle() {
if (timer) {
clearInterval(timer);
timer = null;
} else {
timer = setInterval(myFunction, 100);
}
}
document.querySelector(".btn").addEventListener('click', _toggle, false);
</script>
原文地址:https://www.cnblogs.com/zfang/p/6874516.html