2012-10-10 65 views
2

我會聽起來像這樣一個noob,但基本上我想實現的是一個腳本,它會自動刷新,至於說,時間發佈了一些東西。例如; Javascript-posts「Feeds」x秒前「每12秒

<div id="update" data-time="2012-08-16 20:48:11">Posted 12 secs ago</div>

*然後12秒後*

<div id="update" data-time="2012-08-16 20:48:11">Posted 24 secs ago</div> 它沒有被格式化這樣的,這只是我想我可以用一個例子。

我更喜歡而不是使用外部插件來完成這項任務,我也不會僅僅喜歡它在幾秒鐘內,我更喜歡它是像「x秒」,然後當它已經達到60秒變成「x分鐘」等等。

如果我可以有迴應,無論它只是一個指向正確方向的鏈接還是我可以使用的一段代碼,你都會幫助我很多。謝謝:)

+0

http://stackoverflow.com/questions/1245617/want-a-javascript-function-to-run-every-minute-but-max-3-times – kavun

回答

1

請看JavaScript的原始的setTimeout()和setInterval()http://www.w3schools.com/js/js_timing.asp

+0

Upvote for good approach,but setInterval()is best避免。 http://stackoverflow.com/questions/7142192/is-setinterval-and-settimeout-bad-things-to-do-in-modern-jquery-animations – jmh

0

你可以使用這樣的事情:

var div = $('#update'), 
content; 

var myUpdater = setInterval(function() { 
    content = div.html(); 
    div.html(content.replace(/(\d+)/g, function (captureGroup1) { 
     var time = parseInt(captureGroup1, 10) + 12; 
     return time; 
    })); 
}, 12*1000);​ 

上面的例子顯示瞭如何更改數秒用setInterval函數。您可以通過創建一些條件來改善它,比如秒數是否超過60,並相應地更改輸出。