我有一个网站有一些联盟链接,当点击链接时,用户被带到我网站上的临时页面,此页面上有一个隐藏的联盟链接,在1秒后使用jQuery点击。
我想显示jQuery加载栏进度,直到页面重定向到联盟链接。我怎么能这样做?
答案 0 :(得分:0)
是的,你可以尝试类似的东西,
// 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);

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="progress">
<div class="progress-bar"> </div>
</div>
&#13;
您还可以尝试https://css-tricks.com/css3-progress-bars/和https://css-tricks.com/html5-progress-element/