Question

我有一个网站有一些联盟链接，当点击链接时，用户被带到我网站上的临时页面，此页面上有一个隐藏的联盟链接，在1秒后使用jQuery点击。

我想显示jQuery加载栏进度，直到页面重定向到联盟链接。我怎么能这样做？

Answer 1

是的，你可以尝试类似的东西，

＆＃13;

// for 10 intevals only and after that your affiliate link is clicked.
var i = 0,
    parts=20,
    interval=1000/parts;// for 1 second, I used 1000, you can change accordingly

var c = setInterval(function() {
  if (i++ > parts-1) {
    clearInterval(c);
    alert('link clicked now');
  }
  p=Math.floor($('.progress').width()/parts);
  
  $('.progress-bar').width(p+$('.progress-bar').width());
}, interval);

＆＃13;

.progress {
  width: 100%;
  border: 1px solid #999;
  height: 20px;
  border-radius: 3px;
}
.progress-bar {
  width: 0;
  background-color: green;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="progress">
  <div class="progress-bar">&nbsp;</div>
</div>

＆＃13;

您还可以尝试https://css-tricks.com/css3-progress-bars/和https://css-tricks.com/html5-progress-element/

jQuery进度条加载直到页面重定向

1 个答案: