国产片侵犯亲女视频播放_亚洲精品二区_在线免费国产视频_欧美精品一区二区三区在线_少妇久久久_在线观看av不卡

服務器之家:專注于服務器技術及軟件下載分享
分類導航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服務器之家 - 編程語言 - JavaScript - js教程 - JS實現隨機點名系統

JS實現隨機點名系統

2022-02-22 16:15乘風破浪的程序媛 js教程

這篇文章主要為大家詳細介紹了JS實現隨機點名系統,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下

用JS實現一個隨機點名系統,供大家參考,具體內容如下

每次上課前10分鐘,老師都會叫我們回答問題,奈何每次都是點學號,好像每次我都能中獎,我直接跟老師提議,老師,我用來JS來幫你寫個隨機點名的系統吧!這樣就不會每次都抽到我了,哈哈

先看效果:

JS實現隨機點名系統

代碼如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!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">結束</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>

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持服務器之家。

原文鏈接:https://blog.csdn.net/m0_46374969/article/details/115343312

延伸 · 閱讀

精彩推薦
  • js教程JavaScript點擊按鈕生成4位隨機驗證碼

    JavaScript點擊按鈕生成4位隨機驗證碼

    這篇文章主要為大家詳細介紹了JavaScript點擊按鈕生成4位隨機驗證碼,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一...

    搬磚大法4512022-01-10
  • js教程原生js實現自定義難度的掃雷游戲

    原生js實現自定義難度的掃雷游戲

    這篇文章主要為大家詳細介紹了原生js實現自定義難度的掃雷游戲,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    清歡灬6512022-01-06
  • js教程微信小程序彈窗禁止頁面滾動的實現代碼

    微信小程序彈窗禁止頁面滾動的實現代碼

    這篇文章主要介紹了微信小程序彈窗禁止頁面滾動的實現代碼,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需...

    任我行RQ5602021-12-23
  • js教程微信小程序實現購物車小功能

    微信小程序實現購物車小功能

    這篇文章主要為大家詳細介紹了微信小程序實現購物車小功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    小王同學Max5522021-12-22
  • js教程js實現星星閃特效

    js實現星星閃特效

    這篇文章主要為大家詳細介紹了js實現星星閃特效,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    過客塵煙11442022-02-12
  • js教程JS實現百度搜索框

    JS實現百度搜索框

    這篇文章主要為大家詳細介紹了JS實現百度搜索框,實時返回搜索建議項,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參...

    張先生的blog9302022-01-24
  • js教程微信小程序組件生命周期的踩坑記錄

    微信小程序組件生命周期的踩坑記錄

    這篇文章主要給大家介紹了關于微信小程序組件生命周期的踩坑記錄,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值...

    不曾11592022-01-25
  • js教程js實現簡單的倒計時

    js實現簡單的倒計時

    這篇文章主要為大家詳細介紹了js實現簡單的倒計時,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    搬磚大法8272022-01-10
主站蜘蛛池模板: 黑人精品欧美一区二区蜜桃 | 在线观看日韩 | 久久精品国产精品青草 | 久操免费视频 | 久久久久精 | www一区| 亚洲精品电影网在线观看 | 高清一区在线观看 | 成人午夜视频在线 | 精品久久一二三区 | 一区二区三区国产好的精 | 国产精品中文字幕在线 | 在线一级黄色片 | 不卡av一区二区三区 | 亚洲精品国产电影 | 国产99久久久精品视频 | 国产91久久精品一区二区 | 日本好好热视频 | 久久免费99精品久久久久久 | 亚洲精品在线免费 | 久久久久国产精品 | 成人黄色在线观看 | 国产精品欧美一区二区三区 | 一本一道久久精品综合 | 成人黄网视频在线观看 | 欧美精品亚洲精品 | 免费看国产片在线观看 | 国产专区在线 | 欧美成人免费视频 | 亚洲第一成av人网站懂色 | 最新日韩视频 | 欧美高潮 | 一区二区三区不卡视频 | 亚洲三级电影 | 亚色在线| 亚洲视频精品在线 | 日韩国产免费观看 | 91视频精品 | 成人小视频在线观看 | 黄色网址在线免费 | 成人在线中文字幕 |