jquery - jQuery秒カウンターがFancyboxインラインに表示されない

Question

var counter = 5;
var timer = setInterval(function () {
    seconds--;
    $('#regmsg').html('Successful! Message will close in ' + counter);
    if (counter == 0) {
        $.fancybox.close();
        parent.location.reload();
    }
}, 1000);
$.fancybox({
    href: '#regmsg',
    type: 'inline',
    'closeBtn': false
});

時間を見せたいのですが、#regmsg「Successful！」しか表示されていません。メッセージの残りの部分ではありません。何が問題ですか？どうすれば修正できますか？

Answer 1

に変更secondsしcounterます。

var counter = 5;
var timer = setInterval(function () {
    counter--; // <- here
    $('#regmsg').html('Successful! Message will close in ' + counter);
    if (counter == 0) {
        $.fancybox.close();
        parent.location.reload();
    }
}, 1000);

デモ