• <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://m.wtxcl.cn

      存檔

      主站蜘蛛池模板: 一本一本久久a久久精品综| 亚洲中文字幕观看| 日韩肏屄| 久久久一区二区三区| 内射人妻无套中出无码| 91高清国产| 婷婷久香综合在线| 炉霍县| 中文字幕亚洲国产精品| 999国产精品| 亚洲VA一区二区国产精品| 中文字幕久久久久人妻中出| 国产黄色视屏| 一区二区av| 镇宁| 成人综合在线观看| 亚洲AV无码久久精品色欲| 磐安县| 人妻少妇精品无码专区app| 亚洲欲妇| 婷婷色综合| 久久久久亚洲精品无码网址色欲 | 成人福利视频| 99热这里只有精品69| 91久久偷偷做嫩草影院电| 99热亚洲精品6码| 欧美a视频在线观看| 亚洲人成人网站18禁| 西西444WWW大胆无码视频| 欧美视频亚洲色图| 无码欧亚熟妇人妻AV在线外遇 | 于田县| 久久精品久久精品国产| 中文字幕无码视频播放| 国产成人专区| 亚洲第一女人av| 国产一区二区性感自拍| 色老汉亚洲av影院天天精品| 亚洲婷婷五月| 亚洲第一成人网站| 熟女丝袜av|