Javascript simple timeagoスパンクラスまたはラベルIDに設定されたスクリプト

Question

私は元々Stackoverflow question threadから取ったスクリプトを持っています。このスクリプトでは、ページが最後に変更された時刻をユーザーが気付くことができます。 SPAN CLASSまたはLABEL IDでDIV SPANではなくスクリプトを設定します。どんな助けでも大歓迎です。ありがとうございました。ここで:)

私がこれまで持っているものです：このページは

var date = new Date(); 
var finaltime = timeSince(date); 
setInterval(function(){ 
    document.getElementsByTagName('span')[0].innerHTML = timeSince(date); 
},5000); 
document.getElementsByTagName('span')[0].innerHTML = timeSince(date); 

function timeSince(date) { 
    var seconds = Math.floor((new Date() - date)/1000); 
    var interval = Math.floor(seconds/31536000); 

    if (interval > 1) { 
    return interval + " years"; 
    } 
    interval = Math.floor(seconds/2592000); 
    if (interval > 1) { 
    return interval + " months"; 
    } 
    interval = Math.floor(seconds/86400); 
    if (interval > 1) { 
    return interval + " days"; 
    } 
    interval = Math.floor(seconds/3600); 
    if (interval > 1) { 
    return interval + " hours"; 
    } 
    interval = Math.floor(seconds/120); 
    if (interval >= 2){ 
    return interval + "minutes"; 
    } 
    interval = Math.floor(seconds/60); 
    if (interval == 1) { 
    return interval + " minute"; 
    } 

    return "a while"; 

} 

Answer 1

はJavaScript前

を更新している

HTML

私はあなたを見ていません前にコードを書くので、あなたの現在のコードに対する解決策です。

var pa = document.getElementById('lbl_timeago').parentNode; 
     setInterval(function(){ 
      pa.innerHTML = timeSince(date); 
      },5000); 
     pa.innerHTML = timeSince(date); 

大した変更はありませんでした。私はテストした、それは動作するはずです。 jQueryの

$('#puthere').parent(); 

Answer 2

で

あなたはこのような何かを探していますか？

<div id="samplediv"> This page is updated <r id ="puthere"> </r></div> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
 
<script src="http://timeago.yarp.com/jquery.timeago.js"></script> 
 
<script> 
 
    var date = new Date(); 
 
    setInterval(function(){ 
 
     document.getElementById('samplediv').getElementsByTagName('r')[0].innerHTML = $.timeago(date); 
 
\t \t },500); 
 
    document.getElementById('samplediv').getElementsByTagName('r')[0].innerHTML = $.timeago(date); 
 
</script>

Answer 3

私は、このコードによって、この問題を解決しました。

HTML

This page is updated <span class="timeago_span"> </span> ago 

彼らは `id`を持っていないが、JavaScriptの

var date = new Date(); 
var finaltime = timeSince(date); 
setInterval(function(){ 
    document.getElementsByClassName('timeago_span')[0].innerHTML = timeSince(date); 
},5000); 
document.getElementsByClassName('timeago_span')[0].innerHTML = timeSince(date); 


function timeSince(date) { 
    var seconds = Math.floor((new Date() - date)/1000); 
    var interval = Math.floor(seconds/31536000); 

    if (interval > 1) { 
    return interval + " years"; 
    } 
    interval = Math.floor(seconds/2592000); 
    if (interval > 1) { 
    return interval + " months"; 
    } 
    interval = Math.floor(seconds/86400); 
    if (interval > 1) { 
    return interval + " days"; 
    } 
    interval = Math.floor(seconds/3600); 
    if (interval > 1) { 
    return interval + " hours"; 
    } 
    interval = Math.floor(seconds/120); 
    if (interval >= 2){ 
    return interval + " minutes"; 
    } 
    interval = Math.floor(seconds/60); 
    if (interval == 1) { 
    return interval + " minute"; 
    } 

    // return Math.floor(seconds) + " seconds"; 
    return " a while " 

}