Question

我的代码中的某些内容无效。我是新来的。我认为这可能是onload？

我正在尝试将24个时钟转换为12个小时的GMT服务器时钟，并且我已将新代码传递给我制作的CSS div。

所有的CSS都很好，我的编码很好地处理了警报，但没有使用onload和document.getElementById。

 <script> 

    var currenttime = '<? print date("F d, Y H:i:s a", time())?>' 


    var serverdate=new Date(currenttime)
    var formatTime = (function () {
        function addZero(num) {
            return (num >= 0 && num < 10) ? "0" + num : num + "";
        }

        return function (dt) {
            var formatted = '';

            if (dt) {
                var hours24 = serverdate.getHours();
                var hours = ((hours24 + 11) % 12) + 2;
                formatted = [formatted, [addZero(hours), addZero(serverdate.getMinutes())].join(":"), hours24 > 11 ? "pm" : "am"].join(" ");            

            }

       document.getElementById("servertime").innerHTML=formatted
return formatted;
       }
    })();


    window.onload=function(){
    formatTime(new Date())
    }


    </script>
    </head>
    <body>

    <h1><p><span id="servertime"></span></p></h1>

    </body>

Answer 1

你可以写这个，根本不需要javascript。

<h1><p><span id="servertime"><? print date("F d, Y h:i:s a", time())?></span></p></h1>

如果你准备用你的javascript定期更新（这里有意义），我建议使用一个简单的jquery脚本：

$(document).ready(function() {
    function update() {
      $.ajax({
       type: 'POST',
       url: 'servertime.php',
       timeout: 1000,
       success: function(data) {
          $("#servertime").html(data); 
          window.setTimeout(update, 1000);
       },
      });
     }
     update();
});

Js onload和document.getElementById对我不起作用

1 个答案: