Jquery时间格式

Jquery时间格式,jquery,timer,Jquery,Timer,我想重新格式化数字时钟计时器。当时间是下午3:15时,jquery timmer会显示下午15:15时,当时间是凌晨12:00时,它会显示凌晨24:00时。我们可以将其设置为12小时格式而不是24小时格式吗 例如: var maxnumhours = 11; var maxnummins = 59; var maxnumsecs = 60; var maxmilisecs = 999; $(document).ready(function() { updateClock(); setI

我想重新格式化数字时钟计时器。当时间是下午3:15时,jquery timmer会显示下午15:15时,当时间是凌晨12:00时,它会显示凌晨24:00时。我们可以将其设置为12小时格式而不是24小时格式吗

例如:

var maxnumhours = 11;
var maxnummins = 59;
var maxnumsecs = 60;
var maxmilisecs = 999;

$(document).ready(function() {
  updateClock();
  setInterval('updateClock()', 250 );
});

function hexifyWithZeroLead(tohex){
    var rtn = tohex.toString(16);
    return ( rtn.length == 1 ? "0" : "" ) + rtn;
}

function updateClock ( )
{
  var currentTime = new Date ( );
  var currentHours = currentTime.getHours();
  var currentMinutes = currentTime.getMinutes();
  var currentSeconds = currentTime.getSeconds();
  var currentMiliSeconds = currentTime.getMilliseconds();
  var rounded = currentSeconds + (currentMiliSeconds / maxmilisecs);

  rednum = (Math.round(255 * ((currentHours) / maxnumhours)));
  rednum100 = (Math.round(100 * ((currentHours) / maxnumhours)));
  greennum = (Math.round(255 * ((currentMinutes) / maxnummins)));
  greennum100 = (Math.round(100 * ((currentMinutes) / maxnummins)));
  bluenum = (Math.round(255 * ((rounded) / maxnumsecs)));
  bluenum100 = (Math.round(100 * ((rounded) / maxnumsecs)));

  redhex = hexifyWithZeroLead(rednum);
  greenhex = hexifyWithZeroLead(greennum);
  bluehex = hexifyWithZeroLead(bluenum);

  var hex = "#" + redhex + greenhex + bluehex;
  var fullredhex = "#"+redhex+"0000";
  var fullgreenhex = "#00"+greenhex+"00";
  var fullbluehex = "#0000"+bluehex;

  jQuery("#red_display").html(redhex);
  jQuery("#green_display").html(greenhex);
  jQuery("#blue_display").html(bluehex);

  leftpos = (rednum100 * 0.01 * 575) + 25;
  jQuery('#red_display').animate({left: leftpos}, 200);
  jQuery('#red_display').css('background-color',fullredhex);

  leftpos = (greennum100 * 0.01 * 575) + 25;
  jQuery('#green_display').animate({left: leftpos}, 200);
  jQuery('#green_display').css('background-color',fullgreenhex);

  leftpos = (bluenum100 * 0.01 * 575) + 25;
  jQuery('#blue_display').animate({left: leftpos}, 200);
  jQuery('#blue_display').css('background-color',fullbluehex);



  // Leading Zeros
  currentHours = ( currentHours < 10 ? "0" : "" ) + currentHours;
  currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
  currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;
  jQuery("#clock").html("<span id='hours'>"+ currentHours + "</span>:<span id='minutes'>" + currentMinutes + "</span>:<span id='seconds'>" + currentSeconds + '</span>');
  jQuery("#hex").html(hex);
}
var maxnumhours=11;
var maxnummins=59;
var maxnumsecs=60;
var maxmilisecs=999;
$(文档).ready(函数(){
updatelock();
setInterval('UpdateLock()',250);
});
带零引线的函数hexify(tohex){
var rtn=tohex.toString(16);
返回值(rtn.length==1?“0”:“)+rtn;
}
函数updatelock()
{
var currentTime=新日期();
var currentHours=currentTime.getHours();
var currentMinutes=currentTime.getMinutes();
var currentSeconds=currentTime.getSeconds();
var currentMiliSeconds=currentTime.getMillicles();
var四舍五入=currentSeconds+(CurrentMilisonds/maxmilisecs);
rednum=(数学四舍五入(255*((当前小时)/最大小时));
rednum100=(数学四舍五入(100*((当前小时)/最大小时));
greennum=(数学四舍五入(255*((当前分钟)/maxmumins));
greennum100=(数学四舍五入(100*((当前分钟)/maxnumins));
bluenum=(数学四舍五入(255*((四舍五入)/maxnumsec));
bluenum100=(数学四舍五入(100*((四舍五入)/maxnumsecs));
redhex=零超前的hexify(rednum);
greenhex=零铅(greennum);
bluehex=零铅六角体(bluenum);
var hex=“#”+redhex+greenhex+bluehex;
var fullredhex=“#”+redhex+“0000”;
变量fullgreenhex=“#00”+greenhex+“00”;
var fullbluehex=“#0000”+bluehex;
jQuery(“#red#u display”).html(redhex);
jQuery(“#green_display”).html(greenhex);
jQuery(“#blue_display”).html(bluehex);
leftpos=(rednum100*0.01*575)+25;
jQuery('#red_display')。动画({left:leftpos},200);
jQuery('red#u display').css('background-color',fullredhex);
leftpos=(greennum100*0.01*575)+25;
jQuery(“#绿色显示”).animate({left:leftpos},200);
jQuery(“#绿色显示”).css('background-color',fullgreenhex);
leftpos=(bluenum100*0.01*575)+25;
jQuery(“#蓝色显示”).animate({left:leftpos},200);
jQuery('#blue_display').css('background-color',fullbluehex);
//前导零
当前小时数=(当前小时数<10?:“)+当前小时数;
currentMinutes=(currentMinutes<10?“0”:“)+currentMinutes;
currentSeconds=(currentSeconds<10?“0”:“)+currentSeconds;
jQuery(“#clock”).html(“+currentHours+”:“+currentMinutes+”:“+currentSeconds+”);
jQuery(“#hex”).html(hex);
}
请帮帮我。

像这样的吗

var suffix = 'am';
if(currentHours > 12) {
    currentHours -= 12;
    suffix = 'pm';
}

在“前导零”部分之前。另外,如果您不想在几个小时内使用前导零,“3:15”而不是“03:15”,只需删除该行代码即可。

谢谢,但您能告诉我在我的jquery中应该在哪里添加建议的代码吗?我非常感谢您在JSFIDLE上上传代码,或者给我更新的完整代码,因为我不擅长jquery。我尝试复制您的代码,并在jquery代码的不同行中通过它。经过三四次尝试,我成功了。非常感谢你的帮助。我真的很感激。