Question

我有一个Rails应用程序，我在应用程序布局中显示实时时钟。我正在使用此代码使其工作：

<div id="time" class="time_display"></div>
<script type="text/javascript">
function checkTime(i) {
    if (i < 10) {
        i = "0" + i;
    }
    return i;
}

function startTime() {
    var today = new Date();
    var h = today.getHours();
    var m = today.getMinutes();
    var s = today.getSeconds();
    // add a zero in front of numbers<10
    m = checkTime(m);
    s = checkTime(s);
    document.getElementById('time').innerHTML = h + ":" + m + ":" + s;
    t = setTimeout(function () {
        startTime()
    }, 500);
}
startTime();
</script>

我希望能够以某种方式让用户选择在军事时间和常规上午/下午时间之间切换实时时钟，包括AM / PM，但点击div。

我做了一些搜索，但没有找到任何效果太好的东西。我对任何有人可能是JS或jQuery的解决方案持开放态度。

非常感谢任何帮助。如果我的问题不明确，请告诉我。

Answer 1

真的：

var ampm = 'am';
if(hours > 11){
  ampm = 'pm';
  if(hours > 12)hours = hours-12;
}
if(hours === 0)hours = 12;

此外，您可以执行以下操作：

today.toLocaleString().split(',')[1];

Answer 2

这是代码。它只在下一个刻度上更新，但如果你想要

，你可以设法解决这个问题

＆＃13;

function checkTime(i) {
    if (i < 10) {
        i = "0" + i;
    }
    return i;
}

function startTime() {
    var today = new Date();
    var h = today.getHours();
    var m = today.getMinutes();
    var s = today.getSeconds();
    var ampm = h >= 12 ? 'pm' : 'am';
    // add a zero in front of numbers<10
    m = checkTime(m);
    s = checkTime(s);
    var timer = document.getElementById('time');
    if (timer.type == 'r') {
        h = h % 12;
        h = h ? h : 12;
        timer.innerHTML = h + ":" + m + ":" + s + " " + ampm;
    } else
        timer.innerHTML = h + ":" + m + ":" + s;
    t = setTimeout(function () {
        startTime()
    }, 500);
    document.getElementById('time').onclick = function () {
        if (this.type == 'r')
            this.type = 'm';
        else
            this.type = 'r';
    }
}
startTime();

＆＃13;

<div id="time" class="time_display"></div>

＆＃13;

Javascript更改军事和AM / PM onclick之间的时间

2 个答案: