マスターページにダイナミッククロックを表示する方法は？

Question

私はそれを試してGoogleでしばらく検索しましたが、非常に複雑な例があります。マスターページに動的に表示されるべきクロックを表示したい。私はJqueryに慣れておらず、私がそこに持っているすべての例はJqueryです。初心者がマスターページでそのデジタル時計を使用する簡単な方法があります。私はまた、時間を区切るティックごとにコロンの点滅を表示したい。

Answer 1

を試みることができます。

は、例えば、ここで見てください： example

読むために、おそらく理解することは簡単ですので、私はリンクで少し例を変更：ここでは

<input type="text" id="clock"/> 
    <script type="text/javascript"> 
    setInterval("settime()", 1000); 

    function settime() 
    { 
     var dateTime = new Date(); 
     var hour = dateTime.getHours(); 
     var minute = dateTime.getMinutes(); 
     var second = dateTime.getSeconds(); 

     if (minute < 10) 
     minute = "0" + minute; 

     if (second < 10) 
     second = "0" + second; 

     var time = "" + hour + ":" + minute + ":" + second; 

     document.getElementById("clock").value = time; 
    } 
    </script> 

Answer 2

ajaxパネルを使用できます。 ajax update panelsをオンラインで簡単に使えるようにしておけば、クロックを1秒ごとに拡大することができます（彼らはタイマーコントロールを持っています）。

This linkはかなり簡単です。

EDIT

クライアント側のニーズと以下のコメントを考慮して、あなたもそれは難しいことではありませんJavaScriptを使用して簡単な時計を作るthis link

Answer 3

は、類似したバージョンですあなたのコロンダニをしますか？単にjQueryを使用してコロン 'フェード'を実行することに注意してください。

function clock(){ 
    var d = new Date(); 
    var h = d.getHours(); 
    var m = d.getMinutes(); 
    var s = d.getSeconds(); 
    $('#clock').html(h+"<span class='colon'>:</span>"+m+"<span class='colon'>:</span>"+s); 
    $('.colon').fadeTo(1000, .2); 
    setTimeout(clock, 1000); 
} 

<div id="clock"></div> 

あなたは、このような単純に私が行ったようにDateオブジェクトを使用することによってなど、月/日/年の追加など、あなたのメッセージ内にある値を変更することができます。