进度条加载后加载页面

Question

我有一个进度条，它使用 javascript 从 1% 到 100% 的宽度加载。只是想找出是否有办法弄乱 javascript 以使其在页面达到 100% 的宽度后加载页面。这是我的 javascript。

var i = 0;

function move() {
  if (i == 0) {
    i = 1;
    var elem = document.getElementById("mybar");
    var width = 1;
    var id = setInterval(frame, 10);

    function frame() {
      if (width >= 100) {
        clearInterval(id);
        i = 0;
      } else {
        width++;
        elem.style.width = width + "%";
        elem.style.delay = "3s";

      }
    }
  }
}

Answer 1

在“if (width >= 100)”部分内设置window.location.href属性

var i = 0;

function move() {
  if (i == 0) {
    i = 1;
    var elem = document.getElementById("mybar");
    var width = 1;
    var id = setInterval(frame, 10);

    function frame() {
      if (width >= 100) {
        clearInterval(id);
        i = 0;
        setTimeout(function () {window.location.href = 'http://www.google.com'}, 3000);
      } else {
        width++;
        elem.style.width = width + "%";
        elem.style.delay = "3s";

      }
    }
  }
}