JavaScript实时时钟未运行

问题描述

php在传递javascript时会拆分变量问题,或者运行实时时钟的逻辑存在问题,任何帮助将不胜感激,指导我在哪里错了?

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

function show(){
    var hours= '<?php echo $splits[0];?>';
    var minutes= '<?php echo $splits[1];?>';
    var seconds= '<?php echo $splits[2];?>';
    var dn="AM" 
    if (hours>12){
        dn="PM"
        hours=hours-12
        //this is so the hours written out is in 12-hour format,instead of the default //24-hour format.
    }
    if (hours==0)
        hours=12
    //this is so the hours written out when hours=0 (meaning 12a.m) is 12
    if (minutes<=9)
        minutes="0"+minutes
    if (seconds<=9)
        seconds="0"+seconds
    document.getElementById("demo").innerHTML=
    hours+":"+minutes+":"+seconds+" "+dn
    setTimeout("show()",1000);
}
</script>
</head>
<body onload="show()">
<?php
$date = new DateTime("now",new DateTimeZone('Asia/Kolkata') );
$duration = $date->format("H:i:s");
$splits =  explode(":",$duration);
settype($splits[0],"integer");
settype($splits[1],"integer");
settype($splits[2],"integer"); 
?>
<p id="demo"></p>
<h1 id="demo1"></h1>
</body>
</html>

解决方法

在这种情况下,您可以使用原始JavaScript:

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

function show(){
    var timer = new Date().
      toLocaleString('en-US',{ timeZone: 'Asia/Kolkata' })
      .split(',')[1]
      .trim();
    document.getElementById("demo").innerHTML = timer
    setTimeout("show()",1000);
}
</script>
</head>
<body onload="show()">
<p id="demo"></p>
</body>
</html>

相关问答

依赖报错 idea导入项目后依赖报错,解决方案:https://blog....
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下...
错误1:gradle项目控制台输出为乱码 # 解决方案:https://bl...
错误还原:在查询的过程中,传入的workType为0时,该条件不起...
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct...