军用和AM/PM onclick之间的Javascript更改时间
Javascript change time between military and AM/PM onclick
我有一个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的常规AM/PM时间之间切换,但点击div.
我做了一些搜索,但没有找到任何效果太好的东西。我对任何人可能拥有的解决方案持开放态度,无论是JS还是jQuery。
如有任何帮助,我们将不胜感激。如果我的问题不清楚,请告诉我。
这是代码。它只在下一次更新,但如果你想要,你可以设法修复它
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();
<div id="time" class="time_display"></div>
真的:
var ampm = 'am';
if(hours > 11){
ampm = 'pm';
if(hours > 12)hours = hours-12;
}
if(hours === 0)hours = 12;
此外,你可以做一些类似的事情:
today.toLocaleString().split(',')[1];
相关文章:
- Javascript时间轨迹
- 在ISO转换后,JavaScript时间滞后了一个小时
- javascript时间戳插入字符串变量
- Javascript时间函数问题
- 几年前的javascript时间戳,并考虑闰年
- 简单的javascript时间/金钱每小时计算器
- Javascript时间戳编号不是唯一的
- 用于显示服务器上的 javascript 时间的脚本不起作用
- 我如何从手机上解释这些奇怪的JavaScript时间戳
- JavaScript 时间总和不计算后 .
- 使用正则表达式的JavaScript时间格式转换
- Javascript时间计数器与翻转时钟
- 如何将JavaScript时间对象转换为不同的格式
- 清理 JavaScript 时间戳
- 如何使Javascript时间自动更新
- JavaScript:时间戳的最佳格式
- JavaScript 时间戳到 Python 日期时间转换
- Javascript时间函数
- Javascript时间显示来自计算机的上午/下午(快速调整)
- 设置Javascript时间&来自SQL数据库和asp.net代码隐藏页的时区