亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JS實(shí)現(xiàn)隨機(jī)點(diǎn)名系統(tǒng)

 更新時(shí)間：2021年04月02日 11:05:12   作者：乘風(fēng)破浪的程序媛  
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)隨機(jī)點(diǎn)名系統(tǒng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

用JS實(shí)現(xiàn)一個(gè)隨機(jī)點(diǎn)名系統(tǒng)，供大家參考，具體內(nèi)容如下

每次上課前10分鐘，老師都會(huì)叫我們回答問題，奈何每次都是點(diǎn)學(xué)號(hào)，好像每次我都能中獎(jiǎng)，我直接跟老師提議，老師，我用來JS來幫你寫個(gè)隨機(jī)點(diǎn)名的系統(tǒng)吧！這樣就不會(huì)每次都抽到我了，哈哈

先看效果：

代碼如下：

<!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">結(jié)束</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>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論