如何给Date对象增加小时并仅显示带AM/PM的时间？

这是一个仅显示超前1小时的时钟实现方案，支持所有时区。如果需要自定义超前的小时数，只需修改代码中0-23点对应的输出值即可。

示例代码 #

<script type="text/javascript">
window.onload = function () {
    DisplayCurrentTime();
};
function DisplayCurrentTime() {
    var date = new Date();
    var a = date.getHours() == 0 ? "1" : "" ;
    var b = date.getHours() == 1 ? "2" : "" ;
    var c = date.getHours() == 2 ? "3" : "" ;
    var d = date.getHours() == 3 ? "4" : "" ;
    var e = date.getHours() == 4 ? "5" : "" ;
    var f = date.getHours() == 5 ? "6" : "" ;
    var g = date.getHours() == 6 ? "7" : "" ;
    var h = date.getHours() == 7 ? "8" : "" ;
    var i = date.getHours() == 8 ? "9" : "" ;
    var j = date.getHours() == 9 ? "10" : "" ;
    var k = date.getHours() == 10 ? "11" : "" ;
    var l = date.getHours() == 11 ? "12" : "" ;
    var m = date.getHours() == 12 ? "1" : "" ;
    var n = date.getHours() == 13 ? "2" : "" ;
    var o = date.getHours() == 14 ? "3" : "" ;
    var p = date.getHours() == 15 ? "4" : "" ;
    var q = date.getHours() == 16 ? "5" : "" ;
    var r = date.getHours() == 17 ? "6" : "" ;
    var s = date.getHours() == 18 ? "7" : "" ;
    var t = date.getHours() == 19 ? "8" : "" ;
    var u = date.getHours() == 20 ? "9" : "" ;
    var v = date.getHours() == 21 ? "10" : "" ;
    var w = date.getHours() == 22 ? "11" : "" ;
    var x = date.getHours() == 23 ? "12" : "" ;

    var am = date.getHours() <= 10 ? "AM" : "";
    var pm = date.getHours() == 11 ? "PM" : "";
    var pma = date.getHours() == 12 ? "PM" : "";
    var pmb = date.getHours() == 13 ? "PM" : "";
    var pmc = date.getHours() == 14 ? "PM" : "";
    var pmd = date.getHours() == 15 ? "PM" : "";
    var pme = date.getHours() == 16 ? "PM" : "";
    var pmf = date.getHours() == 17 ? "PM" : "";
    var pmg = date.getHours() == 18 ? "PM" : "";
    var pmh = date.getHours() == 19 ? "PM" : "";
    var pmi = date.getHours() == 20 ? "PM" : "";
    var pmj = date.getHours() == 21 ? "PM" : "";
    var pmk = date.getHours() == 22 ? "PM" : "";
    var ama = date.getHours() == 23 ? "AM" : "";

    var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();

    time = a + b + c + d + e + f + g + h + i + j + k + l + m + n + o + p + q + r + s + t + u + v + w + x + ":" + minutes + " " + am + pm + pma + pmb + pmc + pmd + pme + pmf + pmg + pmh + pmi + pmj + pmk + ama;
    var lblTime = document.getElementById("lblTime");
    lblTime.innerHTML = time;
};
</script>

当前时间加1小时的结果会显示在：<span id='lblTime'></span> 元素中。

内容的提问来源于stack exchange，提问作者Lakewood