jquery - jQueryhtmlを再表示する

Question

事前にお読みいただきありがとうございます。

ユーザーに警告を表示するメッセージを表示しようとしています。これは正常に実行されましたが、関数が使用するアクションを繰り返すと、メッセージが再度表示されません。

どんな助けでもいただければ幸いです！

//take 5 seconds off the timer
                var count = parseInt($('.timerCount').html());
                $('.timerCount').html(count - 5);
                $('.timerWarnings').html("5 seconds has been deducted from the timer");
                $('.timerWarnings').fadeOut("slow");

Answer 1

要素をフェードアウトすると、非表示にしないように指示するまで非表示のままになります。.show().fadeOut()要素が最初から見えるようにするために行ってください。

Answer 2

前の反復で非表示にされた場合に備えて、最初にメッセージを再表示する必要があります。

var count = parseInt($('.timerCount').html());
$('.timerCount').html(count - 5);
$('.timerWarnings')
 .show()
 .html("5 seconds has been deducted from the timer")
 .fadeOut("slow");