Question

<script>
    window.onload = function () {
      'use strict';
      function colorClock() {
        'use strict';
        var date = new Date();
        var hour = date.getHours();
        var min = date.getMinutes();
        var sec = date.getSeconds();

        if (hour < 10) {
          hour = '0' + hour;
        }

        if (min < 10) {
          min = '0' + min;
        }

        if (sec < 10) {
          sec = '0' + sec;
        }

        var clockFace = hour + ':' + min + ':' + sec;

        document.getElementById('clock').innerHTML = clockFace;
      }
    };
    </script>

这是我的js代码...... 它必须在窗口显示时间。

如果我链接.html的ÍheadY部分中的js文件，为什么它不能在括号中工作。

它在JSBin中运行良好。

Answer 1

创建后调用您的函数：

    ...
    }

    colorClock();
};
</script>

注意：我在window.onload函数之外定义函数，然后在onload块中调用它，如下所示：

function colorClock() {
    var date = new Date();
    var hour = date.getHours();
    var min = date.getMinutes();
    var sec = date.getSeconds();

    if (hour < 10) {
      hour = '0' + hour;
    }

    if (min < 10) {
      min = '0' + min;
    }

    if (sec < 10) {
      sec = '0' + sec;
    }

    var clockFace = hour + ':' + min + ':' + sec;

    document.getElementById('clock').innerHTML = clockFace;
}

window.onload = function () {
    colorClock()
};

为什么不在括号中运行我的js代码？

1 个答案: