Untitled

<!DOCTYPE html>
<html>

<head>
  <style type="text/css">
    .divv {
      background-color: #c0392b;
      position: fixed;
      width: 50px;
      height: 50px;
      border-radius: 100%;
      bottom: 0px;
      left: 0px;
    }
    
    body {
      background-color: #bdc3c7;
    }
    
    body {
      margin: 0;
    }
  </style>
</head>

<body>
  <div style="position:fixed;width:100%;height:100%;" onmousedown="ex=event.clientX/document.documentElement.clientWidth*500;
    ey = event.clientY*500/document.documentElement.clientWidth;
    fff()">
    <div id="fsf" style="position:fixed;width:100%;height:100%;"></div>
    <div class="divv" id="rrr" style="position:fixed"></div>
  </div>


  <script>
  rsr
    var arr = [];
    for (lim = 0; lim < 100; lim++) {
      arr.push(lim * 150)
    }

    function generate() {
      document.getElementById('fsf').innerHTML =''
      

     for (var ioi = 0; ioi < arr.length; ioi++) {
      

      document.getElementById('fsf').innerHTML = document.getElementById('fsf').innerHTML +
        '<div style="bottom:'+(arr[ioi]-rsr)*document.documentElement.clientWidth*0.002+'px;background-color:#7f8c8d;width:100%;height:' + 0.05 * document.documentElement.clientWidth + 'px;position:fixed;">ff<//div>';

     }
    }
    generate()
    var r = 1
    d = 0
    f = 0
    size = (document.documentElement.clientWidth) / 15

    rrr.style.width = size + "px"
    rrr.style.height = size + "px"


    function gggg(a1, h1) {
      j = 0
      i5 = 0
      while (i5 < a1) {
        j = j + h1;
        h1 = h1 - h1 * 0.005;
        i5++
      }
      return j
    }

    function down() {
      generate()
      rsr++
      rrr.style.bottom = f / 500 * document.documentElement.clientWidth + "px"
      rrr.style.left = d / 500 * document.documentElement.clientWidth + "px"
      d = d + nn
      nn = nn - 0.005 * nn
      if (f + n > 0) {
        f = f + n;
        n = n - 0.09
      } else {
        f = (f + n) * (-1);
        n = n * (-0.5)
      }
      if (f / 500 * document.documentElement.clientWidth > document.documentElement.clientHeight - size && n > 0) {
        n = n * (-0.7)
      }
      if (d / 500 * document.documentElement.clientWidth > document.documentElement.clientWidth - size && nn > 0) {
        nn = nn * (-0.7)
      }
      if (d < 0 && nn < 0) {
        nn = nn * (-0.7)
      }
      if (n < 0.5 && n > -0.5 && f < 0.5) {
        f = 0
        n = 0
        if (nn < 0.1 && nn > -0.1) {
          nn = 0;
        }
      }
    }

    function gg(n1, nn1) {
      n = n1
      nn = nn1
      if (r == 1) {
        setInterval(dowwn, 5);
        time1 = new Date
      }
      r = 0
    }

    function fff() {
      t = (document.documentElement.clientHeight * 500 / document.documentElement.clientWidth - ey - f - size * 500 / document.documentElement.clientWidth / 2)
      ii = 0
      i = 0
      a = 0
      if (t > 0) {
        while (ii < t) {
          i = i + 0.09;
          ii = ii + i, a++
        }
      } else {
        t = t * -1
        while (ii < t) {
          i = i + 0.09;
          ii = ii + i, a++
        }
        i = 0
      }
      if (a > 10) {
        h = 0
        b = ex - d - size * 500 / document.documentElement.clientWidth / 2
        if (b > 0) {
          while (gggg(a, h) < b) {
            h = h + 0.1
          };
        } else {
          b = b * -1;
          while (gggg(a, h) < b) {
            h = h + 0.1
          }
          h = h * -1
        }
      } else {
        h = ((ex - d - size * 500 / document.documentElement.clientWidth / 2) / 40);
      }
      gg(i, h)
    }

    function dowwn() {
      size = (document.documentElement.clientWidth) / 15
      rrr.style.width = size + "px"
      rrr.style.height = size + "px"
      time2 = new Date
      while (time1 < time2) {
        down();
        time1++
        time1++
        time1++
        time1++
        time1++
      }
    }
    alert(time1)
  </script>
</body>

</html>