0

そこで、JS を使用して Web ページに時計を追加する方法について、非常に率直なビデオ チュートリアルに従いました。私はまったく同じコードを持っていますが、それは私のものでは機能しません。助言がありますか？ありがとうございました！

これは私のコードです:

<body>

    <div id="clockDisplay">00:00</div>


<!-- JAVASCRIPT starts here -------------------------------------------------------->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" language="JavaScript">

$(window).load(function renderTime() {
    var currentTime = new Date () ;
    var diem = "AM" ;
    var h = currentTime.getHours() ;
    var m = currentTime.getminutes() ;
    var s = currentTime.getSeconds() ;

    if (h == 0) {
        h = 12;
    } else if (h > 12) {
    h = h -12;
    diem = "PM" ;
    }
    if (h < 10) {
        h = "0" + h;
    }
    if (m < 10) {
        m = "0" + m;
    }
    if (s < 10) {
        s = "0" + s;
    }

    var myClock = document.getElementyID('clockDisplay');
    myClock.textContent = h + ":" + m + ":" + s + " " + diem;
    setTimeout(renderTime()' ,1000) ;
};
renderTime() ;

</script>

<!-- JAVASCRIPT ends here --------------------------------------------------------->

</body>

4

4 に答える 4

2

setTimeout コードに構文エラー (引用符の不一致) があります。setTimeout の最初のパラメーターとして文字列を使用しないでください。

setTimeout(renderTime, 1000);

$(window).load()また、要素の後にJavascriptコードを配置する場合は必要ありませんid="clockDisplay"

function renderTime() {
   ...
}
renderTime();

これらも変更する必要があります。

getElementById()
getMinutes()
于 2013-02-19T16:32:56.770 に答える
0

あなたがどのチュートリアルをフォローしているのかわかりませんが、私はこの行を変更します：

myClock.textContent = h + ":" + m + ":" + s + " " + diem;

これに：

myClock.innerHTML = h + ":" + m + ":" + s + " " + diem;
于 2013-02-19T16:31:38.790 に答える
0

ここで修正することが多すぎます。これは私のコードです:

<body>

    <div id="clockDisplay">00:00</div>


<!-- JAVASCRIPT starts here -------------------------------------------------------->

<script type="text/javascript" language="JavaScript">

function renderTime() {
    var currentTime = new Date () ;
    var diem = "AM" ;
    var h = currentTime.getHours() ;
    var m = currentTime.getMinutes() ;
    var s = currentTime.getSeconds() ;

    if (h == 0) {
        h = 12;
    } else if (h > 12) {
    h = h -12;
    diem = "PM" ;
    }
    if (h < 10) {
        h = "0" + h;
    }
    if (m < 10) {
        m = "0" + m;
    }
    if (s < 10) {
        s = "0" + s;
    }

    var myClock = document.getElementById('clockDisplay');
    myClock.textContent = h + ":" + m + ":" + s + " " + diem;

}
window.onload = renderTime;
setInterval(renderTime ,1000) ;

</script>

<!-- JAVASCRIPT ends here --------------------------------------------------------->

</body>

修正の詳細を確認するには、次の場所に移動してください:修正された問題の詳細リンク

于 2013-02-19T16:44:45.507 に答える