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中 Jwt
    Python中Jwt
    jwt流程
    Vue Demons
    Vue基础
    Mysql
    MongoDb
    2020/03/07-基础复习day_02
    2020/03/07-基础复习day_01
    基于springboot+dubbo的简易分布式小Demo
  • 原文地址:https://www.cnblogs.com/zfang/p/6874516.html
Copyright © 2011-2022 走看看