为什么不显示时间
Why Doesn't The Time Display?
<script>
var currentTime = new Date();
var futureTime = new Date(currentTime.getTime());
futureTime.setMinutes(futureTime.getMinutes() + 10);
var pastTime = new Date(currentTime.getTime());
pastTime.setMinutes(pastTime.getMinutes() - 50);
</script>
我要做的就是如果当前时间是6:00PM
,则显示5:10PM
之前 50 分钟,我也试图在当前时间后 10 分钟显示另一个时间,这是6:10PM
.. 我该怎么做,以便它的格式完全符合X:XXPM
?
我将上面的代码放入我的页面中,但什么也没看到..
document.write(currentTime + '<br>' + futureTime + '<br>' + pastTime);
或
var str = currentTime + '<br>' + futureTime + '<br>' + pastTime;
document.getElementById('myDiv').innerHTML = str;
或
var str = currentTime + '<br>' + futureTime + '<br>' + pastTime;
document.getElementById('myDiv').appendChild(str);
或
document.getElementById('myDiv1').appendChild(pastTime);
document.getElementById('myDiv2').appendChild(currentTime);
document.getElementById('myDiv3').appendChild(futureTime);
你的 HTML 看起来像
<div id='myDiv1'></div>
<div id='myDiv2'></div>
<div id='myDiv3'></div>
更新
格式化日期 - 这是一个不同的问题 - 并且已经被无数帖子回答了。
这是一个很棒的。
或
使用 JavaScript 格式化时间和日期的 10 种方法。
注意
杰森·斯珀斯克(Jason Sperske(发表了我无法忽视的评论 - 时刻.js是惊人的。
您需要将值发送到某些 HTML 元素:
.HTML:
<p id="future"></p>
<p id="past"></p>
Javascript:
function formatTime(dateObj){
var dateString = "";
var hour = dateObj.getHours();
var minutes = dateObj.getMinutes();
var pm = false;
if (hour > 12)
pm = true;
if (pm === true){
var pmHour = (hour>=13) ? hour-12:hour;
dateString += pmHour.toString();
dateString += ":";
dateString += minutes.toString();
dateString += " pm";
}
else{
dateString += hour.toString();
dateString += ":";
dateString += minutes.toString();
dateString += " am";
}
return dateString;
}
var currentTime = new Date();
var futureTime = new Date(currentTime.getTime());
futureTime.setMinutes(futureTime.getMinutes() + 10);
var f = document.getElementById("future");
f.innerHTML = formatTime(futureTime);
var pastTime = new Date(currentTime.getTime());
pastTime.setMinutes(pastTime.getMinutes() - 50);
var f = document.getElementById("past");
f.innerHTML = formatTime(pastTime);
JSFiddle 示例
这是解决方案:
var currentTime = new Date();
var futureTime = new Date(currentTime.getTime());
futureTime.setMinutes(futureTime.getMinutes() + 10);
var pastTime = new Date(currentTime.getTime());
pastTime.setMinutes(pastTime.getMinutes() - 50);
function formatAMPM(date) {
var hours = date.getHours();
var minutes = date.getMinutes();
var ampm = hours >= 12 ? 'PM' : 'AM';
hours = hours % 12;
hours = hours ? hours : 12; // the hour '0' should be '12'
minutes = minutes < 10 ? '0'+minutes : minutes;
var strTime = hours + ':' + minutes + ' ' + ampm;
return strTime;
}
alert('Current Time: ' + formatAMPM(currentTime));
alert('Future Time: ' + formatAMPM(futureTime));
alert('Past Time: ' + formatAMPM(pastTime));
在这里试试:http://jsfiddle.net/atheos/Wx2vw/
相关文章:
- javascript函数将当前时间显示为html选择标记的预选值
- Javascript:如何以毫秒为单位将时间显示为天:小时:分钟
- 使用 Javascript 根据星期几和一天中的时间显示 HTML 元素
- 脚本 - 不同的时间显示不同的内容
- Javascript时间显示来自计算机的上午/下午(快速调整)
- 日期时间倒计时,删除小数,并在每个类别中保留时间显示时间
- 如何仅在指定时间显示文本
- 按星期几和一天中的时间显示不同的背景图像
- 使用不同的持续时间显示一个接一个的图像,中间有一个空白屏幕
- 根据当前加载时间显示链接
- 我想根据它们的时间和持续时间显示json中的元素,并且间隔被settimeout打断
- Javascript在特定时间显示隐藏元素
- 有x轴上的时间显示最近24小时从当前时间
- 鼠标悬停在多个折线图上,相同的x(时间)显示不同的y(价格)
- 在没有偏移时,以本地时间显示数据库中的UTC datetime
- 如何循环在不同时间显示问候语的函数
- 根据一天中的时间显示不同的复选框
- 根据服务器日期和时间显示和隐藏
- JavaScript错误的时间显示在两个时间之间
- Web应用程序中的时区敏感日期和时间显示