手机显示时间格式错误

img


应该是实时的，没有上午下午。
18时显示成下午6时
怎么回事怎么回事

说明 你处理的函数 不对呗

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
 <div class="showTime"></div>
</body>
<script>
    var t = null;

    t = setTimeout(time, 1000); //開始运行

    function time() {

        clearTimeout(t); //清除定时器

        dt = new Date();

        var y = dt.getFullYear();

        var mt = dt.getMonth() + 1;

        var day = dt.getDate();

        var h = dt.getHours(); //获取时

        var m = dt.getMinutes(); //获取分

        var s = dt.getSeconds(); //获取秒

        document.querySelector('.showTime').innerHTML = '当前时间：' + y + '年' + mt + '月' + day + '-' + h + '时' + m + '分' + s + '秒';

        t = setTimeout(time, 1000); //设定定时器，循环运行

    }


</script>

</html>

要显示上午下午？