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

Question

我目前正在开发一种在几秒后显示内容的 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>

所以现在我知道如何在几秒后显示文本，但我想问一下如果这个元素被隐藏我如何显示 DIV 元素？

这是我希望仅在秒数 = 0 时显示的元素的 CSS 代码:

#countblock{
    display:none;
    width:200px;
    height:50px;
    position:absolute;
    background-color:#F1f1f1;
}

那么我如何才能让这个 block 出现而不是文本，并且在秒数 = 0 之前不可见。

我的其他问题是如何制作带有文本 "X" 的 div block 元素以及当您单击此 "X" 以隐藏该 block 时？

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

提前致谢!

Answer 1

试试这个

如果你想通过使用它们的类或id来显示和隐藏元素

前

$('#ID').show() // by id show
$('.countdown').hide() //by class hide