Javascript在秒数消失时显示DIV元素，然后选择隐藏该条？

我目前正在开发一个Javascript，它可以在几秒钟后显示内容

这是我的剧本：

<script type="text/javascript">
$(function () {
var count = 5,
    countdown = setInterval(function () {
        $("p.countdown").html(count);
        if (count == 0) {
            $("p.countdown").html("MY TEXT POPUP");
            clearInterval(countdown);
        }
        count--;
    }, 1000);
});
</script>
<p class="countdown"></p>

因此，我如何使此块显示而不是文本，并且在秒数=0之前不可见

我的其他问题是如何使用文本

“X”

创建div块元素，以及当您单击此

“X”

以隐藏块时

我希望我能很好地解释我的问题

提前谢谢

试试这个

如果要使用元素的类或id显示和隐藏元素

前

您可以使用JQuery的

hide（）

和

show（）

函数：

if (count == 0) {
    $("p.countdown").html("MY TEXT POPUP");
    $("p.countdown").show();
    clearInterval(countdown);
}

或

css（）

函数：

$("#countblock").css('display', 'block');

对于第二个问题，可以使用函数

click（）

：

X
$（“#单击以隐藏”）。单击（函数（）{
$（'.countdown'）.hide（）；
});

既然您在CSS中使用了

显示：无

，您应该使用：

if (count == 0) {
            $("#countblock").css('display','block');
            clearInterval(countdown);
        }

---

谢谢，但是你能用JSFIDLE向我展示整个HTML和Javascript代码吗？我跑不动了。我已经在head标签中包含了Jquery。谢谢，但是我只对“X”隐藏块有问题。当我点击X时，它并不像JSFIDLE那样隐藏块。在这里你可以查看我的全部代码：我已经编辑了我的链接。。现在，您可以检查代码了。您是否尝试过使用

css（'display'，'none'）

？是的，但它没有像JSSFidle中那样隐藏块。我正在使用Jquery 1.8.2

这有关系吗？

$("#countblock").css('display', 'block');

<p id="clickToHide"> X </p>

<script>
    $('#clickToHide').click(function() {
        $('.countdown').hide();
    });
</script>

if (count == 0) {
            $("#countblock").css('display','block');
            clearInterval(countdown);
        }