Javascript 单击并启动计时器后显示div

要在单击按钮后显示div，然后从10开始计时到0

我的问题是我不知道如何开始计数

javascript:

<script>
$("button").click(function() {
$('div#test').hide().delay(200).fadeIn('slow');
});
</script>

$（“按钮”）。单击（函数（）{
$（'div#test'）.hide（）.delay（200）.fadeIn（'slow'）；
});

按钮：

 <div id="test" style="display:none;">click</div>

点击

html:

<div id="test" style="display:none;">here you are !</div>

给你！

您可以使用

setInterval

进行计数

var count = 10;
var temp = setInterval(function(){
  if(count < 0) {
      clearInterval(temp);
   }
  // show count 
  count--;


}, 1000);

var计数=10；
var temp=setInterval（函数（）{
如果（计数<0）{
清除间隔（temp）；
}
//显示计数
计数--；
}, 1000);

您可以使用

setInterval

进行计数

var count = 10;
var temp = setInterval(function(){
  if(count < 0) {
      clearInterval(temp);
   }
  // show count 
  count--;


}, 1000);

var计数=10；
var temp=setInterval（函数（）{
如果（计数<0）{
清除间隔（temp）；
}
//显示计数
计数--；
}, 1000);

var计数=15；
var-timerID=0；
$（“按钮”）。单击（函数（）{
$（'div#test'）.hide（）.delay（200）.fadeIn（'slow'，function（）{
timerID=setInterval（function（）{countDown（）；}，1000）；//每1000毫秒计数一次，将其更改为您想要的任何值
});
$（“#wait”）.show（）；//或者，如果您愿意，也可以淡入淡入。也许这正是您使用#test的目的。
});
函数倒计时（）{
计数--；
$（“#计数”）。文本（计数）；
//你想对伯爵做什么就做什么
如果（计数
var计数=15；
var-timerID=0；
$（“按钮”）。单击（函数（）{
$（'div#test'）.hide（）.delay（200）.fadeIn（'slow'，function（）{
timerID=setInterval（function（）{countDown（）；}，1000）；//每1000毫秒计数一次，将其更改为您想要的任何值
});
$（“#wait”）.show（）；//或者，如果您愿意，也可以淡入淡入。也许这正是您使用#test的目的。
});
函数倒计时（）{
计数--；
$（“#计数”）。文本（计数）；
//你想对伯爵做什么就做什么
如果（count您可以使用setTimeout（）或setInterval（）使其工作：

以下是我是如何做到这一点的：

    $(function() {
$("button").click(function() {
    function counter()  {  
        var i = 10;
        $("body").append('<div style="border:1px solid red;">Div Created on the Fly</div>')
        function showDIV() {

        if (i < 0)
            return 
        setTimeout(showDIV, 1000);
        $("span").text(i);
        i--;        

    }

    showDIV();
}
counter(10);
});

});

$（函数（）{
$（“按钮”）。单击（函数（）{
函数计数器（）{
var i=10；
$（“body”）.append（'动态创建的Div'）
函数showDIV（）{
if（i<0）
返回
设置超时（showDIV，1000）；
$（“span”）。正文（i）；
我--；
}
showDIV（）；
}
柜台（10）；
});
});

您可以使用setTimeout（）或setInterval（）使其工作：

以下是我是如何做到这一点的：

    $(function() {
$("button").click(function() {
    function counter()  {  
        var i = 10;
        $("body").append('<div style="border:1px solid red;">Div Created on the Fly</div>')
        function showDIV() {

        if (i < 0)
            return 
        setTimeout(showDIV, 1000);
        $("span").text(i);
        i--;        

    }

    showDIV();
}
counter(10);
});

});

$（函数（）{
$（“按钮”）。单击（函数（）{
函数计数器（）{
var i=10；
$（“body”）.append（'动态创建的Div'）
函数showDIV（）{
if（i<0）
返回
设置超时（showDIV，1000）；
$（“span”）。正文（i）；
我--；
}
showDIV（）；
}
柜台（10）；
});
});

我想做什么，比如单击button@Michaelroshdy：查看我的编辑。您需要一个元素进行计数（而且
span
有意义，因为它是内联的），然后当
countDown（）
函数启动时，您将更改
.text（）
在该元素中。您测试了吗！它没有按应有的方式工作，时间从div显示后开始！单击1后实际应该发生什么-“请等待15秒”然后消失，然后显示测试div@Michaelroshdy：如果你没有详细说明它应该如何工作，那么有人应该如何帮助你？要做你想做的事，只需在计数<0后将div fadeIn移动到倒计时功能。我想做的是“请等待15秒”点击button@Michaelroshdy：查看我的编辑。您需要一个元素进行计数（而且
span
有意义，因为它是内联的），然后当
countDown（）
函数启动时，您将更改
.text（）
在该元素中。您测试了吗！它没有按应有的方式工作，时间从div显示后开始！单击1后实际应该发生什么-“请等待15秒”然后消失，然后显示测试div@Michaelroshdy：如果你没有详细说明它应该如何工作，那么有人应该如何帮助你？要做你想做的事，只需在计数<0后将div fadeIn移到倒计时功能。@Michaelroshdy:我很高兴它帮助了你。@Michaelroshdy:我很高兴它帮助了你。