javascript - 正在编写时钟脚本。我需要在个位数前面添加一个零

Question

对于经验丰富的程序员来说，这听起来很简单。我是一个新手，试图在我的时钟页面上实现这个。它可能包含错误。这个想法是在个位数前面生成一个零(例如“02”而不是“2”)以用于显示目的。对于两位数来说它工作得很好。这就是我得到的，但没有解决问题。包括我所做的不同尝试的注释行。我将不胜感激任何意见。

<script>
    $(function() {
        getdata();
        myinterval = setInterval(getdata, 30000);

    });

    function getdata(){
        var dt = new Date();
        console.log(dt.getMinutes());
        var myhr = dt.getHours();
        var mymin = dt.getMinutes();
        //if(myhr < 10) myhrstr = '0' + myhr.toString(); else myhrstr = myhr.toString();
        //if(myhr.toString().length < 2) myhrstr = '0' + myhr.toString(); else myhrstr = myhr.toString();
        //if(myhr.toString().length < 2) myhr = "0"+myhr;
        if(myhr.toString().length == 1) myhrstr = "0" + myhr.toString(); else myhrstr = myhr.toString();


        //if(mymin < 10) myminstr = '0' + mymin.toString(); else myminstr = mymin.toString();
        //if(mymin.toString().length < 2) myminstr = '0' + mymin.toString(); else myminstr = mymin.toString();
        //if(mymin.toString().length < 2) mymin = "0"+mymin;
        if(mymin.toString().length == 1) myminstr = "0" + mymin.toString(); else myminstr = mymin.toString();

        var mystr = myhrstr + myminstr;
        $.ajax(
                 {
                 url:"clock.php?action=getdata&dt="+mystr,
                 success:function(result){
                    $('#content').html(result);
                    }   
                }
        );
    }
</script>

Answer 1

是什么让您认为您的代码不起作用？效果很好。

这是一个演示:

function FakeDate() {
  this.getHours = function() {
    return Math.round(Math.random() * 23);
  }
  this.getMinutes = function() {
    return Math.round(Math.random() * 59);
  }
}

var dt = new FakeDate(); // use fakeDate for random time generations

var myhr = dt.getHours();
var mymin = dt.getMinutes();
if (myhr.toString().length == 1) myhrstr = "0" + myhr.toString();
else myhrstr = myhr.toString();

if (mymin.toString().length == 1) myminstr = "0" + mymin.toString();
else myminstr = mymin.toString();

var mystr = myhrstr + myminstr;

console.log(mystr);

简化此代码的一种方法是，由于您不使用数值，因此可以立即在 getHours 和 getMinutes< 上调用 toString/ 方法。出于同样的原因，也不需要额外的变量来保存字符串值，您可以在附加 "0" 时使用相同的变量。

// get the strings representing hours and minutes
var myhr = dt.getHours().toString();
var mymin = dt.getMinutes().toString();

// prepend them with zeros if needed
if (myhr.length == 1) myhr = "0" + myhr;
if (mymin.length == 1) mymin = "0" + mymin;

// concatenate them to a 4 digit value
var mystr = myhr + mymin;

这是一个演示:

function FakeDate() {
  this.getHours = function() {
    return Math.round(Math.random() * 23);
  }
  this.getMinutes = function() {
    return Math.round(Math.random() * 59);
  }
}

var dt = new FakeDate(); // use fakeDate for random time generations

// get the strings representing hours and minutes
var myhr = dt.getHours().toString();
var mymin = dt.getMinutes().toString();

// prepend them with zeros if needed
if (myhr.length == 1) myhr = "0" + myhr;
if (mymin.length == 1) mymin = "0" + mymin;

// concatenate them to a 4 digit value
var mystr = myhr + mymin;

console.log(mystr);