メッセージバーが点滅し、ユーザーがメッセージバーを押すとメッセージが消えますアニメーション+表示用のJquery clearInterval:なし、正常に動作していません
イベントがinit =>メッセージバーが点滅(良い)=>メッセージバーを押すと消えますが、再度アニメーションループに入ります=>もう一度押すと消えますを再度それがアニメーションのこのゾンビをクリックするだけで第三に、自分自身を復活アウト死ぬ、と戻ってくることはありません(私はそれが生活に戻ってくるかどうかを確認するために良い数秒のように待っていた。)
これはどんな種類の魔術師ですか?あなたは、いくつかの間隔onclick
イベント内部を設定
var timer;
$("a[href='#top']").click(function() {
$("html, body").animate({scrollTop: 0}, "slow");
$(".messages").css('display', 'block').append(
"<p style='left: 150px;color: red; font-size: 24px;'>You are now on top</p>"
);
$('.messages').click(function(){
clearInterval(timer);
$(this).css('display', 'none');
});
function blinker(){
$(".messages").fadeOut(1200);
$(".messages").fadeIn(1200);
}
timer = setInterval(blinker, 1000);
これは本当にあなたがしたいことをする良い方法ではない、より良いアプローチを提供しなければならない。 – skobaljic
@skobaljic JavaScriptの動作を理解したいと思いますが、クロージャも使用できます。理由を説明してください。ありがとう。 – clusterBuddy
これは完全なコードではなく、構文エラー(閉じ括弧がない)です。それにもかかわらず、前述の要素a [href = '#top'] 'と' .messages'を含むそれぞれのHTMLが必要です。最初のヒント: 'a [href = '#top']'要素をクリックするたびに、新しい/追加のクリックハンドラをすべての '.message'要素に割り当てます。これらのハンドラのすべてがクリックごとに実行されます。さらに、「バーを押す」とはどういう意味ですか?どのバー? – devnull69