Javascript 在倒计时结束时隐藏一个div

这是一个倒计时脚本，它工作正常。我想在倒计时结束时隐藏mydiv。你能帮我做这个吗

谢谢大家

<div data-countdown="2015/02/28 02:18:26"></div>

<script type="text/javascript">
 $('[data-countdown]').each(function() {
   var $this = $(this), finalDate = $(this).data('countdown');
   $this.countdown(finalDate, function(event) {     
   $this.html(event.strftime('%D gün %H:%M:%S'));
   });
 });
</script>

$（“[data countdown]”）。每个（函数（）{
变量$this=$（this），finalDate=$（this）.data（'countdown'）；
$this.countdown（最终日期，函数（事件）{
$this.html（event.strftime（“%D gün%H:%M:%S”）；
});
});

从github文档页面获取语法：

$this.countdown(finalDate)
    .on('update.countdown', function(event) { $this.html(event.strftime('%D gün %H:%M:%S')); })
    .on('finish.countdown', function() { $('#mydiv').hide(); });

编辑： 刚刚注意到文件上说：

请注意，所有事件都应在命名空间中注册 *.倒计时

jQuery倒计时测试
测试
这个div将在10秒内隐藏。。。
$（文档）.ready（函数（）{
var nowPlus30Seconds=moment（）.add（'10'，'seconds'）.format（'YYYY/MM/DD HH:MM:ss'）；
$（“#div倒计时”）。倒计时（现在加30秒）
.on（'update.countdown'，function（event）{$（this.html（event.strftime（“%D gün%H:%M:%S”）；}）
.on（'finish.countdown'，function（）{$（'#mydiv'）.hide（）；}）；
});

$（“[data countdown]”）。每个（函数（）{
变量$this=$（this），finalDate=$（this）.data（'countdown'）；
$this.countdown（最终日期，函数（事件）{
$this.html（event.strftime（“%D gün%H:%M:%S”）；
$this.倒计时（最终日期）
.on（'update.countdown'，function（event）{$this.html（event.strftime（“%D gün%H:%M:%S”）；}）
.on（'finish.countdown'，function（）{$（'selim'）.hide（）；}）；
});
});

您可以使用这个简单的javascript和jquery

<script>
$(document).ready(function () {
var nowPlus30Seconds = moment().add('10', 'seconds').format('YYYY/MM/DD HH:mm:ss');

$('.count1').countdown(nowPlus30Seconds)
.on('update.countdown', function (event) { $(this).html(event.strftime('%Y : %D : %H : %M : %S')); })
.on('finish.countdown', function () { $('#exp_div').hide(); });
});
</script>

$（文档）.ready（函数（）{
var nowPlus30Seconds=moment（）.add（'10'，'seconds'）.format（'YYYY/MM/DD HH:MM:ss'）；
$（'.count1'）。倒计时（现在加30秒）
.on（'update.countdown'，函数（event）{$（this.html（event.strftime（“%Y:%D:%H:%M:%S”）；}）
.on（'finish.countdown'，function（）{$（'#exp_div'）.hide（）；}）；
});

---

完整的代码和演示

首先感谢您的回答。我不擅长jQuery。老实说，我是一个html+css设计师。我用了以下几行，但我不能使它工作$（“[data countdown]”）每个（function（）{var$this=$（this），finalDate=$（this.data（'countdown'）；$this.countdown（finalDate，function（event）{$this.html（event.strftime（'%D gün%H:%M:%S'））；$this.countdown（finalDate）.on（'update.countdown'，function（event）{$this.html（event.strftime（'%D gün%H:%M:%S'））；}）on（'finish.countdown'，function（）{$（'selim'）.hide（）；}）；@selim-我提供了一个完整的示例，您可以将所有HTML/JS复制到一个文本文件中，并在浏览器中打开它。很难说为什么没有所有HTML/JS，您的代码无法工作-可能是复制我的所有内容并从中工作的最简单方法。您保存了我的项目。非常感谢。

    <script type="text/javascript">
 $('[data-countdown]').each(function() {
   var $this = $(this), finalDate = $(this).data('countdown');
   $this.countdown(finalDate, function(event) {     
   $this.html(event.strftime('%D gün %H:%M:%S'));
   $this.countdown(finalDate)
    .on('update.countdown', function(event) { $this.html(event.strftime('%D gün %H:%M:%S')); })
    .on('finish.countdown', function() { $('#selim').hide(); });
   });
 });
</script>

<script>
$(document).ready(function () {
var nowPlus30Seconds = moment().add('10', 'seconds').format('YYYY/MM/DD HH:mm:ss');

$('.count1').countdown(nowPlus30Seconds)
.on('update.countdown', function (event) { $(this).html(event.strftime('%Y : %D : %H : %M : %S')); })
.on('finish.countdown', function () { $('#exp_div').hide(); });
});
</script>