0

実行時間のためにこの Javascript コードを取得した人の功績 (履歴を消去し、サイトを忘れてしまいました。申し訳ありません) 時間を取得するための Javascript コード。

<script type="text/javascript">
  function DisplayTime(){
    if (!document.all && !document.getElementById)
      return
    timeElement=document.getElementById? document.getElementById("mytime"): document.all.tick2
    var CurrentDate=new Date()
    var hours=CurrentDate.getHours()
    var minutes=CurrentDate.getMinutes()
    var seconds=CurrentDate.getSeconds()
    var DayNight="PM"
    if (hours<12) DayNight="AM";
    if (hours>12) hours=hours-12;
    if (hours==0) hours=12;
    if (minutes<=9) minutes="0"+minutes;
    if (seconds<=9) seconds="0"+seconds;
    var currentTime=hours+":"+minutes+":"+seconds+" "+DayNight;
    timeElement.innerHTML="<font style='font-family:verdana, arial,tahoma;font- size:12px;color:#E25984; font-weight:bold;'>"+currentTime+"</b>"
    setTimeout("DisplayTime()",1000)
  }
  window.onload=DisplayTime
</script>

私のフォーム：

<form class="signin" method="POST" action="testVal.php">
  <span style="margin-top:15px; float:left;">Time</span>
  <input name="times" type="text" id="mytime" value="<?php echo $mytime ?>" />

時間は機能していますが、これは時間を取得するための PHP であり、更新する必要があります。私が欲しいのは、リフレッシュする必要のないJavascriptでの実行時間です。実際には機能していますが、タグ<p>と<h1>タグでのみ機能しています(私が試したもの)。時刻を動的に表示します。

<p>Current time:</p><p id="mytimes"><p>

入力タグは別として、JavaScript を HTML 入力タグに表示する方法がわかりません。いくつか試してみましたが、空白が表示されます。何らかの理由で INPUT タグに表示する必要があります。

改訂や提案があれば役立ちます。

どうぞよろしくお願いいたします。ありがとう。

4

3 に答える 3

1

input タグの場合、innerHtml属性が不適切です。value代わりに次の属性を使用してください。

timeElement.value = currentTime;

後でスタイルを適用したい場合は、代わりに CSS を使用してください。

timeElement.style.fontWeight = 'bold';
timeElement.style.fontFamily = 'Verdana';
timeElement.style.fontSize = '12px';
timeElement.style.color = '#E25984';
于 2013-06-06T01:28:07.933 に答える
0

html:

<form class="signin" method="POST">
    <span style="margin-top:15px; float:left;">Time</span>
    <input name="times" type="text" id="mytime" value=""/>
</form>

js:

window.onload=setInterval(
    function DisplayTime(){
        if (!document.all && !document.getElementById)
            return;
        timeElement=document.getElementById? document.getElementById("mytime"): document.all.tick2;
        var CurrentDate = new Date();
        var hours = CurrentDate.getHours();
        var minutes = CurrentDate.getMinutes();
        var seconds = CurrentDate.getSeconds();
        var DayNight = "PM";
        if (hours<12) DayNight = "AM";
        if (hours>12) hours = hours-12;
        if (hours===0) hours = 12;
        if (minutes<=9) minutes = "0"+minutes;
        if (seconds<=9) seconds = "0"+seconds;
        var currentTime = hours+":"+minutes+":"+seconds+" "+DayNight;
        timeElement.style.fontWeight = 'bold';
        timeElement.style.fontFamily = 'Verdana';
        timeElement.style.fontSize = '12px';
        timeElement.style.color = '#E25984';
        timeElement.value = currentTime;

    },1000);

フィドル：

http://jsfiddle.net/dAcwu/1/

于 2013-06-06T01:58:53.463 に答える