2016-12-04 3 views
-5

私は時計が反応するようにコンテナ内に時計を表示しようとしているプロジェクトで作業しています。誰かが私にそれについての手引きを教えることができればと思っていました。HTMLページまたはDiv内に時計を表示

以下は、私が同じものを表示しようとしているHTMLページです。

<!DOCTYPE html> 
    <html lang="en"> 

    <head> 
     <meta charset="utf-8"> 
     <title> UA </title> 
     <meta name="description" content="EVERYTHING FINE"> 
     <!-- Latest compiled and minified CSS --> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 

     <!-- Optional theme --> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"> 

     <style> 
     .grey{ 
       background-color: #ccc; 
       padding: 20px; 

     } 
     </style> 

    </head> 

    <body> 

     <header> 
      <div class="jumbotron"> 
       <div class="container"> 
        <script> 
        ............ 
        </script> 
       </div> 
      </div> 
     </header> 

      <div class="grey"> 
       <div class="container"> 
        <div class="well">R&D</div> 
       </div> 
      </div> 



     <footer> 
      <div class="container"> 
       <hr> 

       <p> 
        <small><a href="http://hazratferozmemon.org/#/">Jump To TrueTasawwuf</a> TRUE TASAWWUF</small></p> 
       <!--<p> <small><a href="http://twitter.com/wiredwiki">Ask whatever </a> On Twitter</small></p>--> 
       <!--<p> <small><a href="http://youtube.com/wiredwiki">Subscribe me</a> On Youtube</small>--> 

       </p> 
      </div> <!-- end container --> 
     </footer> 

     <!-- Latest compiled and minified JavaScript --> 
     <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
    </body> 
    </html> 
+0

後にスクリプトを置くことを確認してくださいあなたは
をインポートjqueryのを使用してクロックを構築することができ質問/ 18229022/how-to-show-current-time-in-format-h​​hmmss – Rajashekhar

+0

0

あなたはdivのhttp://stackoverflow.com/内の時刻を挿入したい場合は、あなたのjqueryのスクリプトタグ

<script type="text/javascript"> 
$(document).ready(function(){ 
    var timer = setInterval(clock, 1) 
    function clock(){ 
     $(".demo").html(Date()); 

    } 

}); 
</script> 
<body> 
<p class="demo"></p> 
</body> 
関連する問題