テーブルの複数の列にシステム時間のHTMLを設定する

私はHTMLの初心者で、システム時刻を同時にテーブルの複数の列に設定できず、システム日付をログイン日。私は、チェックインとチェックアウトの時間の列とシステム日付を同時にログイン日に固定値としてドロップダウンオプションとして表示するようにシステム時刻を設定したいと考えています。テーブルの複数の列にシステム時間のHTMLを設定する

私のコードは、これを修正し、固定コードである

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript"> 

    function updateday() 
       { 
       var today = new Date(); 
       var dd = today.getDate(); 
       var mm = today.getMonth()+1; //January is 0! 
       var yyyy = today.getFullYear(); 
       if(dd<10){ 
       dd='0'+dd 
       } 
       if(mm<10){ 
       mm='0'+mm 
       } 
       var today = dd+'/'+mm+'/'+yyyy;     
       setTimeout("updateday()",1000); 
       document.getElementById('day').innerHTML=today; 
       } 
       updateday(); 


    function updateTime() { 
     var currentTime = new Date(); 
     var hours = currentTime.getHours(); 
     var minutes = currentTime.getMinutes(); 
     var seconds = currentTime.getSeconds(); 
     if (minutes < 10){ 
      minutes = "0" + minutes; 
     } 
     if (seconds < 10){ 
      seconds = "0" + seconds; 
     } 
     var v = hours + ":" + minutes + ":" + seconds + " "; 
     if(hours > 11){ 
      v+="PM"; 
     } else { 
      v+="AM" 
     } 
     setTimeout("updateTime()",1000); 
     document.getElementById('time').innerHTML=v; 
    } 
    updateTime(); 

</script> 
<body> 
<div class="container"> 
     <div class="header" align="center"> 
      <h1 class="custom">TIME TRACKER</h1> 
    </div> 

<table id="list" border=1 cellspacing = "0px" cellpadding = "20px" text-align = "center"> 
       <tr> 
       <th>EMPLOYEE ID</th> 
       <th>EMPLOYEE NAME</th> 
       <th>CHECK-IN TIME</th> 
       <th>CHECK-OUT TIME</th> 
       <th>LOGIN DAY</th> 
       </tr>   
       <tr> 
       <td> 
        <select> 
          <option value=" ">------</option> 
          <option value="U16187">U16187</option> 
          <option value="U16188">U16188</option> 
          <option value="U16056">U16056</option> 
          <option value="C23456">C23456</option> 
          <option value="C12089">C12089</option> 
        </select> 
       <td>  
        <select> 
          <option value=" ">------</option> 
          <option value="Samuel">Samuel</option> 
          <option value="Marlon">Marlon</option> 
         </select> 
       </td> 
       <td> 
        <select> 
          <option id="time" /> </option> 
          <option value="blank" />(Blank)</option> 

        <select> 
       </td> 
       <td> 
        <select> 
         <option id="time" /> </option> 
         <option value="blank" />(Blank)</option> 

        <select> 
       </td> 
       <td><span id="day"</td> 

</table> 
</body> 
</head> 
</html>

出典

2016-06-12 Padman

以下の通りです。私は2つの別々の関数を作って、2つのオプションの名前をそれぞれ異なる名前にしました。私の問題は、ページが第2の機能を実行していなかったことだと思います。

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript"> 

    function updateday() 
       { 
       var today = new Date(); 
       var dd = today.getDate(); 
       var mm = today.getMonth()+1; //January is 0! 
       var yyyy = today.getFullYear(); 
       if(dd<10){ 
       dd='0'+dd 
       } 
       if(mm<10){ 
       mm='0'+mm 
       } 
       var today = dd+'/'+mm+'/'+yyyy;     
       setTimeout("updateday()",1000); 
       document.getElementById('day').innerHTML=today; 
       } 
       updateday(); 

</script> 
<script type="text/javascript"> 
    function updateTime() { 
     var currentTime = new Date(); 
     var hours = currentTime.getHours(); 
     var minutes = currentTime.getMinutes(); 
     var seconds = currentTime.getSeconds(); 
     if (minutes < 10){ 
      minutes = "0" + minutes; 
     } 
     if (seconds < 10){ 
      seconds = "0" + seconds; 
     } 
     var v = hours + ":" + minutes + ":" + seconds + " "; 
     if(hours > 11){ 
      v+="PM"; 
     } else { 
      v+="AM" 
     } 
     setTimeout("updateTime()",1000); 
     document.getElementById('timeIn').innerHTML=v; 
     document.getElementById('timeOut').innerHTML=v; 
    } 
    updateTime(); 

</script> 
<body> 
<div class="container"> 
     <div class="header" align="center"> 
      <h1 class="custom">TIME TRACKER</h1> 
    </div> 

<table id="list" border=1 cellspacing = "0px" cellpadding = "20px" text-align = "center"> 
       <tr> 
       <th>EMPLOYEE ID</th> 
       <th>EMPLOYEE NAME</th> 
       <th>CHECK-IN TIME</th> 
       <th>CHECK-OUT TIME</th> 
       <th>LOGIN DAY</th> 
       </tr>   
       <tr> 
       <td> 
        <select> 
          <option value=" ">------</option> 
          <option value="U16187">U16187</option> 
          <option value="U16188">U16188</option> 
          <option value="U16056">U16056</option> 
          <option value="C23456">C23456</option> 
          <option value="C12089">C12089</option> 
        </select> 
       <td>  
        <select> 
          <option value=" ">------</option> 
          <option value="Samuel">Samuel</option> 
          <option value="Marlon">Marlon</option> 
         </select> 
       </td> 
       <td> 
        <select> 
          <option id="timeIn" /> </option> 
          <option value="blank" />(Blank)</option> 

        <select> 
       </td> 
       <td> 
        <select> 
         <option id="timeOut" /> </option> 
         <option value="blank" />(Blank)</option> 

        <select> 
       </td> 
       <td><span id="day"</td> 

</table> 
</body> 
</head> 
</html>

出典

2016-06-12 22:16:54 Rmj86

ありがとうございましたRMj86。期待通りに働いています – Padman

私の答えをupvote覚えて:) – Rmj86

テーブルの複数の列にシステム時間のHTMLを設定する

答えて

関連する問題