如果时钟有一位数,则加“0”

问题描述 投票:14回答:7

我有一些时钟脚本。一切都很好,它的工作完美,但......我有一个问题。如果在时钟设置一位数小时或分钟,如1:5时钟之前不添加“0”数字。这就是我所做的,但它不起作用。你可以帮助我吗?

window.setInterval(function update_clock() {
    var currentTime = new Date();
    var currentHours = currentTime.getHours();
    var currentMinutes = currentTime.getMinutes();
    $.ajax({
        success: function (clock) {
            document.getElementById("hour").firstChild.nodeValue = currentHours;
            document.getElementById("minutes").firstChild.nodeValue = currentMinutes;
            if (currentMinutes.length == 1) {
                currentMinutes = "0" + currentMinutes;
            }
        }
    });
}, 999);
javascript clock
7个回答
19
投票

currentMinutes是一个数字,所以它没有length属性。此外,在将length设置为currentMinutes元素之前,必须检查minutes

就像是:

var currentHours = currentTime.getHours();
var currentMinutes = currentTime.getMinutes();

$.ajax({
    success: function (clock) {
        if (currentMinutes.toString().length == 1) {
            currentMinutes = "0" + currentMinutes;
        }

        document.getElementById("hour").firstChild.nodeValue = currentHours;
        document.getElementById("minutes").firstChild.nodeValue = currentMinutes;
    }
});

21
投票

您可以使用.slice来提取字符串的一部分。将负数传递给它,以便从字符串的末尾切片。

因此,以下是可能的,而且非常简单:

('0'+currentMinutes).slice(-2)

'0'连接可确保操作的目标始终为字符串。 ('0'+currentMinutes)将产生2或3个字母的字符串(例如“07”或“017”)。从该字符串中删除最后两个字符将为您提供一个0位填充的两位数字。

请注意,如果currentMinutes100,则上述将产生“00”,因此它假设您知道您将使用的值。

这可以提取到更可重用的东西:

Number.prototype.zeroPad = function() {
   return ('0'+this).slice(-2);
};

那会让你写:

currentMinutes.zeroPad();

您还可以设置填充变量的长度:

Number.prototype.zeroPad = function(length) {
   length = length || 2; // defaults to 2 if no parameter is passed
   return (new Array(length).join('0')+this).slice(length*-1);
};

这可以称为:

currentMinutes.zeroPad(); // e.g. "07" or "17"
currentMinutes.zeroPad(3); // e.g. "007" or "017"

请注意,虽然currentMinutes.zeroPad()将起作用,但7.zeroPad()不会。


9
投票

currentMinutes不会有length财产,因为它是Number,而不是String

你可以强迫它成为一个String

if ((currentMinutes+'').length == 1) {
     currentMinutes = "0" + currentMinutes;
}

但是,因为你有一个Number,你应该让你的条件......

if (currentMinutes < 10) {
     currentMinutes = "0" + currentMinutes;
}

如果你特别疯狂,你可以......

var hoursMinutes = ((new Date)+"").match(/\d+:\d+(?=:)/)[0].split(":");

1
投票

你也可以检查sprintf()的javascript。

你可以选择一些简单的东西:

sprintf("%02d:%02d", currentHours, currentMinutes);

使用接受格式的函数可以在需要时对输出进行更多控制。


1
投票

基于其他的芒果,我创建了这行代码:

var now = new Date(); 
var dd = now.getDate(); 
var mm = now.getMonth()+1;
var y = now.getFullYear(); 
var h = now.getHours();
var m = now.getMinutes();

function aZero(n) {
  return n.toString().length == 1 ?  n = '0' + n: n;
}

document.getElementById("out").innerHTML =
  aZero(dd) + "-" +
            aZero(mm) + "-" +
            y +  "   -  "   +
            aZero(h)  + ":" +
            aZero(m);
<div id="out">my time :D</div>

铜下次。


1
投票

尝试使用('0' + currentTime.getHours()).slice(-2)

更新了您的问题 -

window.setInterval(function update_clock() {
    var currentTime = new Date();
    var currentHours = ('0' + currentTime.getHours()).slice(-2);
    var currentMinutes = ('0' + currentTime.getMinutes()).slice(-2);
    $.ajax({
        success: function (clock) {
            document.getElementById("hour").firstChild.nodeValue = currentHours;
            document.getElementById("minutes").firstChild.nodeValue = currentMinutes;
            if (currentMinutes.length == 1) {
                currentMinutes = "0" + currentMinutes;
            }
        }
    });
}, 999);

0
投票

在android(内置)

String time=String.format("%02d:%02d",hourOfDay,minute);

在javascript使用(sprintf.js)

int i = 1;
string s = sprintf("%02d", i);
document.write(s); // Prints "01"

sprintf.js:http://www.diveintojavascript.com/projects/javascript-sprintf

© www.soinside.com 2019 - 2024. All rights reserved.