Javascript 完全加载链接

我试图推广一个广告客户，当用户点击广告客户链接时，它会在到达广告客户网站之前通过不同的链接重定向5-6次（用于跟踪目的）

是否可以在用户点击链接的页面上显示某种加载图标，然后在链接完全加载时将用户重定向到广告商的网站

我搜索并找到了这段代码，但我不确定如何在我的案例中实现这一点：

//将此代码粘贴到head标记下或单独的js文件中。
//等待窗口加载
$（窗口）。加载（函数（）{
//在屏幕外设置加载程序动画
美元（“.se pre con”）。淡出（“慢”）；；
});
.no js#loader{display:none；}
.js#loader{显示：块；位置：绝对；左：100px；顶部：0；}
.se预检{
位置：固定；
左：0px；
顶部：0px；
宽度：100%；
身高：100%；
z指数：9999；
背景：url（images/loader-64x/preload_2.gif）中心无重复#fff；
}
由于它会重定向到其他人的网站，因此您无法将这些网站的内容更改为具有加载图标

您可以在iframe中加载它，当iframe在5秒内没有更改其位置时，将iframe显示为整个页面并隐藏加载图标。您还可以将目标设置为“_top”，以便在单击链接时更改浏览器中的url

<a href="http://example.com/tracking-link" class="tracking">Click!</a>
<iframe id="preload-frame" style="position: absolute; z-index: 9999; top: 0; left: 0; bottom: 0; right: 0;" hidden>
<script type="text/javascript">var iframe=false;</script>
</iframe>
<div class="se-pre-con" hidden></div>


var-iframe=false；

var frame=document.getElementById（'preload-frame'）；
onclickConstructor=函数（href）{
返回函数（）{
document.getElementsByClassName（'se-pre-con'）[0]。removeAttribute（'hidden'）；
无功定时器；
var cleanup=function（）{
frame.removeAttribute（“隐藏”）；
frame.setAttribute（'target'，'u top'）；
document.getElementsByClassName（'se-pre-con'）[0].setAttribute（'hidden'，'true'）；
}
frame.onload=function（）{//每当iframe（重新）加载整个页面时
中频（定时器）{
（clearTimeout | | clearInterval）（计时器）；
}
定时器=设置超时（清除）；
}
frame.src=href；
};
}
if（iframe！==false）{
var trackingLinks=document.getElementsByClassName（'tracking'），函数（el）；
对于（var i=0；i
向我们展示您的代码到目前为止所做的工作以及您希望实现的目标。一切皆有可能。但问题是，为了实现这一目标，你已经做了什么？
var frame = document.getElementById('preload-frame');
onclickConstructor = function (href) {
  return function() {
    document.getElementsByClassName('se-pre-con')[0].removeAttribute('hidden');
    var timer;
    var cleanup = function() {
      frame.removeAttribute('hidden');
      frame.setAttribute('target', '_top');
      document.getElementsByClassName('se-pre-con')[0].setAttribute('hidden', 'true');
    }
    frame.onload = function() {  // Whenever the iframe (re)loads the whole page
      if (timer) {
        (clearTimeout || clearInterval)(timer);
      }
      timer = setTimeout(cleanup);
    }
    frame.src = href;
  };
}

if (iframe !== false) {
  var trackingLinks = document.getElementsByClassName('tracking'), function(el); 
  for (var i = 0; i < trackingLinks.length; i++) {
    el.onclick = onclickConstructor(el.href);
    el.href = 'javascript:void(0);';
  };
}