zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    java 如何判断邮箱是否正确
    Android SDK Manager无法更新的解决
    洛谷P1162
    真 随笔
    初始化结构体
    Linux mkdir -p 后出现permission denied问题
    校赛F
    HDU1022
    UVa156
    HDU1060
  • 原文地址:https://www.cnblogs.com/zfang/p/6874516.html
Copyright © 2011-2022 走看看