1

ここで、n 秒後に SimpleModal を自動的に閉じるという関連記事を見ました (うまくいきます) が、モーダル コンテンツ内にカウントダウン タイマーも表示したいと思います。参考までに、オートクローズソリューションを紹介しました。何かご意見は?

$.modal('<div>HELLO</div>', {
overlayClose: true,
onShow: function() {
    var timer;
    $('#simplemodal-container').bind({
        mouseenter: function() {
            clearTimeout(timer);
        },
        mouseleave: function() {
            timer = setTimeout($.modal.close, 1500);
        }
    })
    .trigger('mouseleave');
}
});
4

1 に答える 1

0

これをonShowパラメーターに入れるとうまくいきました:

onShow: function (dialog) {
   var modal = this;
   $('.messageTimeout', dialog.data[0]).append(message3);
   countdow = 59;
   setInterval(function() {
      $('.messageTimeout', dialog.data[0]).html('You will be logged out in ' + countdow + ' seconds if you do not take any action.');
      countdow -= 1;
   },1000);
}
于 2013-04-19T15:52:54.183 に答える