Question

我想创建一个每隔几秒更新一次的时间线，并且不需要刷新页面（它会从服务器上更新的单独文件中获取信息），是否有任何JQuery可以实现此目的简单？有人能在网页上给我看一个例子吗？如果重要的话，数据也会以固定的10秒间隔更新。如果可能的话，我想坚持使用CSS3 HTML5和JQuery

Answer 1

非常简单的js，不需要每隔10秒更新一次jQuery＆＃34;

// set interval
var interval = setInterval(mycode, 10000);
function mycode() {
  // your ajax request or your function call to fetch data
}
function abortTimer() { // call to stop the timer
  clearInterval(interval );
}

了解更多信息：great post about a similar queston

Answer 2

首先执行$.ajax请求。
致电refreshTimeline以处理您的回复数据并显示 success或error。
等待10秒再重新启动Ajax。

见这个例子：

     function request() {
      $.ajax({
        url: "your.php",
        data: {}, //if there data to send
        // recommended to use json and parse on success
        //dataType:"json", 
        success: refreshTimeline, // try to refresh if success
        error: refreshTimeline, // try to refresh if error
       });
     }

    function refreshTimeline(data) {
      //handle data as you like
      $("#time_line").html(data);
      setTimeout(request, 10000); //wait 10 sec and request again
    }

    request(); // start ajax request

时间线每10秒更新一次

2 个答案: