Javascript 当用户点击链接时，如何设置倒计时？

我遇到了一个场景，在用户点击链接后，我需要一个倒计时开始，尽管数字“10”（是一个10秒倒计时）在此之前必须可见。链接本身也会打开另一个页面。倒计时最后不应该做任何事情，只是装饰而已。我该怎么办

<div id="gatewayDimmer">&nbsp;</div>
<div id="gatewaydiv">
<ul id="OfferList">
    <h1>Ayudanos a mantener la P&aacute;gina</h1>
    <span id="gatewayMessage">Hicimos esta p&aacute;gina de onda. Y no se mantiene sola! Ayudanos clickeando en la publicidad.</span>   <br />
    <br />
    <li><a href="http://www.wachahost.com" class="offerlink" target="blank">Cheap Web Hosting</a></li>
    <li><a href="http://peerfly.com/x/0/1076/3696/" class="offerlink" target="blank">Free Apple Ipad</a></li>
    <li><a href="http://www.google.com" class="offerlink" target="blank">Google</a></li>
</ul>
<br />
<br />
Luego de completar la oferta espera: <span id="count">10</span> segundos               <script type="text/javascript">

            {

            (function countDown(){
              var counter = 10;

              setInterval(function countDown() {
                counter--;
                if (counter >= 0) {
                  span = document.getElementById("count");
                  span.innerHTML = counter;
                }
                // Display 'counter' wherever you want to display it.
                if (counter === 0) {
                //    alert('this is where it happens');
                    clearInterval(counter);
                }

              }, 1000);

            })();

            }

            </script>            para acceder a la p&aacute;gina.<br />
Gracias!</div>

阿尤达诺斯·阿曼蒂纳·拉普阿库特；吉娜
Hicimos esta pá；吉娜·德翁达。不，我是曼蒂安·索拉！阿尤达诺斯在公共场所点击











埃斯佩拉综合酒店：10个座位
{
（函数倒计时（）{
var计数器=10；
setInterval（函数倒计时（）{
计数器--；
如果（计数器>=0）{
span=document.getElementById（“计数”）；
span.innerHTML=计数器；
}
//无论您想在何处显示“计数器”。
如果（计数器==0）{
//警报（“这就是它发生的地方”）；
清除间隔（计数器）；
}
}, 1000);
})();
}
批准人a la p&a Cute；吉娜。

格雷西亚斯！

消息脚本：

<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js" type="text/javascript"></script> <script type="text/javascript">

    var Delay = 10;

    function setupgateway()
    {
        var Left = $(window).width() /2;
        Left = Left - $('#gatewaydiv').width()/2;

        var Top = $(window).height() /2;
        Top = Top - $('#gatewaydiv').height()/2;

        $('#gatewaydiv').css('top', Top+'px').css('left', Left+'px').css('display', 'inline');
        $('#gatewayDimmer').width($('html').width());
        $('#gatewayDimmer').height($('html').height());
        $('#gatewayDimmer').css('display','block');
    }

    function removegateway()
    {
        $('#gatewaydiv').css('display', 'none');
        $('#gatewayDimmer').css('display','none');
    }

    $(document).ready(function()
    {
        $('.offerlink').click(function()
        {
            setTimeout('removegateway()', Delay*1000);
        });

        setupgateway();
    });
</script> 

无功延迟=10；
函数setupgateway（）
{
var Left=$（窗口）.width（）/2；
左=左-$（'#gatewaydiv'）.width（）/2；
var Top=$（窗口）.height（）/2；
Top=Top-$（'#gatewaydiv'）。高度（）/2；
$（'#gatewaydiv'）.css（'top'，top+'px'）.css（'left'，left+'px'）.css（'display'，'inline'）；
$（'#网关调光器'）.width（$（'html'）.width（））；
$（'#网关调光器'）.height（$（'html'）.height（））；
$（“#网关调光器”）.css（'display'，'block'）；
}
函数removegateway（）
{
$（'#gatewaydiv'）.css（'display'，'none'）；
$（“#网关调光器”）.css（'display'，'none'）；
}
$（文档）.ready（函数（）
{
$（'.offerlink'）。单击（函数（）
{
setTimeout（'removegateway（）'，延迟*1000）；
});
setupgateway（）；
});

尝试使用jquery函数：

jQuery(function($){
   $('#startClock').on('click', doCount);
});

function doCount(){
   var counter = 5;
   setInterval(function() {
      counter--;
      if (counter >= 0) {
         span = document.getElementById("count");
         span.innerHTML = counter;
      }
      if (counter === 0) {
        alert('sorry, out of time');
        clearInterval(counter);
      }
   }, 1000);
}

---

Demo Fiddle:

可能重复No，No。我不希望在末尾显示文本。这只是倒计时。另外，它需要在点击链接后启动。什么倒计时？如果我不可见，并且在最后什么也不做，那么倒计时有什么用？@Tomás请提供您迄今为止尝试过的HTML/JS。当页面加载时，会弹出一条消息。要关闭它，您需要单击a链接。当你这样做时，信息会在10秒后自动消失。倒计时只是为了警告用户。只需将计数器设置为10，而不是5。对不起，我知道这听起来像个愚蠢的问题，但我如何将链接（例如“class=”offerlink“target=”blank“>Google”）与代码连接？（非常感谢您的回答，再次表示抱歉）。替换为：alert（'对不起，超时'）；with:window.location.href=''；