ホームページ >ウェブフロントエンド >jsチュートリアル >jquery timer_jqueryを実装する簡単なコード

jquery timer_jqueryを実装する簡単なコード

WBOY
WBOYオリジナル
2016-05-16 17:05:371017ブラウズ

jquery タイマーを実装するための簡単なコード。

今日、プロジェクトはナビゲーション バーの上部にあるメッセージ モジュールに遭遇しました。メッセージを受信すると、時間内に更新できることを認識したいと思います。メッセージバーを表示するには、長い間考えた結果、

1. struts2 の Ajax タグを使用します。

struts2は少し面倒ですが、jqueryは比較的簡単です。 以下のコードを貼り付けます。 3秒ごとにサーバーからデータを取得し、表示するDOMオブジェクトに割り当てます。

コードをコピー

コードは次のとおりです: $(function(){ run(); var interval ;
function run(){
interval = setInterval(chat,"3000");
}
function chat(){
$.post("searchMessage.action",{" mark":"受信","ajax":"ajax" },function(data){
$("span[name='mes']").html(data.num);
}, "json");
$( "#closeChat").click(function(){
clearTimeout(interval);
});

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。