Не могли бы вы рассказать мне, как установить время в этом формате? HH: MM: SS. Я хочу установить это в div?
Как показать текущее время в JavaScript в формате HH: MM: SS?
Ответ 1
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();
<div id="time"></div>
Ответ 2
Вы можете использовать встроенную функцию Date.toLocaleTimeString()
:
var d = new Date();
var n = d.toLocaleTimeString();
Это будет отображаться, например:
"11:33:01"
Я нашел это на http://www.w3schools.com/jsref/jsref_tolocaletimestring.asp
var d = new Date();
var n = d.toLocaleTimeString();
alert("The time is: \n"+n);
Ответ 3
Вы можете сделать это в Javascript
.
var time = new Date();
console.log(time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds());
В настоящее время он возвращает 15:5:18
. Обратите внимание, что если какое-либо из значений меньше 10, они будут отображаться с использованием только одной цифры, а не двух.
Проверьте это в JSFiddle
Обновление:
Для префикса 0 попробуйте
var time = new Date();
console.log(
("0" + time.getHours()).slice(-2) + ":" +
("0" + time.getMinutes()).slice(-2) + ":" +
("0" + time.getSeconds()).slice(-2));
Ответ 4
Вы можете использовать moment.js для этого.
var now = new moment();
console.log(now.format("HH:mm:ss"));
Выходы:
16:30:03
Ответ 5
new Date().toTimeString().slice(0,8)
Обратите внимание, что toLocaleTimeString() может возвращать что-то вроде 9:00:00 AM
.
Ответ 6
Этот код будет выводить текущее время в формате ЧЧ: ММ: СС на консоли, он учитывает часовые пояса GMT.
var currentTime = Date.now()
var GMT = -(new Date()).getTimezoneOffset()/60;
var totalSeconds = Math.floor(currentTime/1000);
seconds = ('0' + totalSeconds % 60).slice(-2);
var totalMinutes = Math.floor(totalSeconds/60);
minutes = ('0' + totalMinutes % 60).slice(-2);
var totalHours = Math.floor(totalMinutes/60);
hours = ('0' + (totalHours+GMT) % 24).slice(-2);
var timeDisplay = hours + ":" + minutes + ":" + seconds;
console.log(timeDisplay);
//Output is: 11:16:55
Ответ 7
Это пример того, как установить время в div (only_time), используя javascript.
function date_time() {
var date = new Date();
var am_pm = "AM";
var hour = date.getHours();
if(hour>=12){
am_pm = "PM";
}
if (hour == 0) {
hour = 12;
}
if(hour>12){
hour = hour - 12;
}
if(hour<10){
hour = "0"+hour;
}
var minute = date.getMinutes();
if (minute<10){
minute = "0"+minute;
}
var sec = date.getSeconds();
if(sec<10){
sec = "0"+sec;
}
document.getElementById("time").innerHTML = hour+":"+minute+":"+sec+" "+am_pm;
}
setInterval(date_time,500);
<per>
<div class="date" id="time"></div>
</per>
Ответ 8
function realtime() {
let time = moment().format('h:mm:ss a');
document.getElementById('time').innerHTML = time;
setInterval(() => {
time = moment().format('h:mm:ss a');
document.getElementById('time').innerHTML = time;
}, 1000)
}
realtime();
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js"></script>
<div id="time"></div>