• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>
    1. <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>

      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av

      淺談JavaScript實現可視化展示冒泡排序過程

      2020-4-4    seo達人



      <!DOCTYPE html>

      <html>

      <head>

      <title>JavaScript實現可視化展示冒泡排序過程</title>

      <style>

      #boxes{

      border:1px solid grey;

      width:1320px;

      height:300px;

      margin-top:10px;

      position:relative;

      }

      .box{

      background:red;

      width:20px;

      line-height:30px;

      text-align:center;

      font-family:Microsoft Yahei;

      font-size:15px;

      color:white;

      margin:0 1px;

      position:absolute;

      }

      </style>

      </head>

      <body>

      <div id="boxes"></div>

      <script>

      function random(){

      var numbers = [];

      for (var i = 0; i < 60; i++) {

      var number = Math.floor(Math.random() 90 + 10);

      numbers.push(number);

      var divElement = document.createElement("div");

      var parentElement = document.getElementById("boxes");

      divElement.style.left = i
      20 + i 2 + "px";

      divElement.style.top = 300 - 3
      number + "px";

      divElement.style.height = 3 number + "px";

      divElement.setAttribute("class","box");

      parentElement.appendChild(divElement);

      }

      return numbers;

      }

      function sort(){

      var numbers = random();

      var parentElement = document.getElementById("boxes");

      var i = 0, j = 0;

      var time = setInterval(function() {

      if (i < numbers.length) {

      if (j < numbers.length - i) {

      if (numbers[j] > numbers[j + 1]) {

      var temp = numbers[j];

      numbers[j] = numbers[j + 1];

      numbers[j + 1] = temp;

      parentElement.innerHTML = "";

      for (var k = 0; k < numbers.length; k++) {

      var textNode = document.createTextNode(numbers[k]);

      var divElement = document.createElement("div");

      divElement.appendChild(textNode);

      divElement.style.left = k
      20 + k 2 + "px";

      divElement.style.top = 300 - 3
      numbers[k] + "px";

      divElement.style.height = 3 * numbers[k] + "px";

      divElement.setAttribute("class","box");

      parentElement.appendChild(divElement);

      }

      }

      j++;

      }

      else{

      i++;

      j = 0;

      }

      }

      else {

      clearInterval(time); 

      return;

      }

      }, 100);  

      }

      sort();

      </script>

      </body>

      </html>

      ————————————————

      版權聲明:本文為CSDN博主「筱葭」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。

      原文鏈接:https://blog.csdn.net/zhouziyu2011/java/article/details/53899692

      日歷

      鏈接

      個人資料

      藍藍設計的小編 http://www.wtxcl.cn

      存檔

      主站蜘蛛池模板: 91在线一9|永久视频在线| 国产VA在线观看| 久久这里都是精品国产| 亚洲AV人人澡人人双人| 国产,精品,无码,丝袜| 吉隆县| 亚洲AV日韩AV永久无码网站| 亚洲熟女av高潮久久| 亚洲中文字幕免费| 国产日韩欧美一区二区三区乱码 | 国内精品久久人妻互换| 亚洲国产色图在线视频| 精品国产亚洲一区二区三区在线观看 | 香港三级欧美国产精品| 熟女国产精品| 夜夜国自一区| 粉嫩av懂色av蜜臀av熟妇| 日本专区一区二区三区在线| 泗水县| 国产不卡一区二区av| 亚洲精品自拍| 国产无码二区| 国产午夜手机精彩视频| 人妻口爆| 亚洲v?a| 国产亚洲精品不卡在线| 国产婬妇无码无遮挡A片在线观看| 国产高清在线精品一区免费| 亚洲福利网| 99久久婷婷| 久久精品一区| 色婷婷丁香九月激情综合视频| 欧美日韩一区免费高清| 欧美BB| 国产在线精品涩涩涩涩91| 日本精品视频一区二区| 狠狠干视频网站| 国产熟女AV| 亚洲熟妇AV乱码在线观看| 人妻日韩精品中文字幕| 国产精品美女久久久久久久久|