Javascript jquery将秒转换成这种格式

Javascript jquery将秒转换成这种格式,javascript,php,jquery,timer,Javascript,Php,Jquery,Timer,嗨,我已经安装了一个插件,里面有一个倒计时计时器: function getTimeRemaining(endtime) { var t = Date.parse(endtime) - Date.parse(new Date()); var seconds = Math.floor((t / 1000) % 60); var minutes = Math.floor((t / 1000 / 60) % 60); var hours = Math.floor(

嗨,我已经安装了一个插件,里面有一个倒计时计时器:

function getTimeRemaining(endtime) {
 var t = Date.parse(endtime) - Date.parse(new Date());
      var seconds = Math.floor((t / 1000) % 60);
      var minutes = Math.floor((t / 1000 / 60) % 60);
      var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
      var days = Math.floor(t / (1000 * 60 * 60 * 24));
      return {
        'total': t,
        'days': days,
        'hours': hours,
        'minutes': minutes,
        'seconds': seconds
      };
    }

    function initializeClock(id, endtime) {
      var clock = document.getElementById(id);
      var daysSpan = clock.querySelector('.days');
      var hoursSpan = clock.querySelector('.hours');
      var minutesSpan = clock.querySelector('.minutes');
      var secondsSpan = clock.querySelector('.seconds');

      function updateClock() {
        var t = getTimeRemaining(endtime);
        daysSpan.innerHTML = t.days;
        hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
        minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
        secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);

        if (t.total <= 0) {
          clearInterval(timeinterval);
        }
      }
      updateClock();
      var timeinterval = setInterval(updateClock, 1000);
    }

    var deadline = new Date(Date.parse(new Date()) +  1 * 60 * 60 * 1000);
    initializeClock('clockdiv', deadline);
我需要以下两大方面的帮助:

1.
var-deadline=新日期(Date.parse(new-Date())+1*60*60*1000)

2.
var t=Date.parse(endtime)-Date.parse(new Date())

这是我的HTML:

<div id="clockdiv" class="pull-right">
    <span><img src="assets/images/timer.png" /></span>
    <div class="disp-none">
        <span class="days"></span>
        <div class="smalltext">Days</div>
    </div>
    <div>
        <span class="hours"></span><span>:</span>
    </div>
    <div>
        <span class="minutes"></span><span>:</span>
    </div>
    <div>
        <span class="seconds"></span>
    </div>
</div>

天
:
:

JS fiddle:

如果添加
var-gdtesttime=00:15:00,则JS中有错误
您必须在
引号中给出此时间。在转换
gdseconds
时也应用*1000,最后将其添加到死线。因此,请将脚本更新为:

<script type="text/javascript">
  function getTimeRemaining(endtime) {
 var t = Date.parse(endtime) - Date.parse(new Date());
      var seconds = Math.floor((t / 1000) % 60);
      var minutes = Math.floor((t / 1000 / 60) % 60);
      var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
      var days = Math.floor(t / (1000 * 60 * 60 * 24));
      return {
        'total': t,
        'days': days,
        'hours': hours,
        'minutes': minutes,
        'seconds': seconds
      };
    }

    function initializeClock(id, endtime) {
      var clock = document.getElementById(id);
      var daysSpan = clock.querySelector('.days');
      var hoursSpan = clock.querySelector('.hours');
      var minutesSpan = clock.querySelector('.minutes');
      var secondsSpan = clock.querySelector('.seconds');

      function updateClock() {
        var t = getTimeRemaining(endtime);
        daysSpan.innerHTML = t.days;
        hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
        minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
        secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);

        if (t.total <= 0) {
          clearInterval(timeinterval);
        }
      }
      updateClock();
      var timeinterval = setInterval(updateClock, 1000);
    }
    var gdtesttime  = "00:15:00";         //hh:mm:ss
    var a = gdtesttime.split(':');      // split it at the colons
    var gdseconds = (+a[0]) * 60 * 60 + (+a[1]) * 60 * 1000;  //miliseconds
    var deadline = new Date(Date.parse(new Date()) + gdseconds);
    initializeClock('clockdiv', deadline);
</script>

函数getTimeRemaining(endtime){
var t=Date.parse(endtime)-Date.parse(new Date());
var秒=数学地板((t/1000)%60);
var分钟=数学地板((t/1000/60)%60);
可变小时数=数学楼层((t/(1000*60*60))%24);
风险天数=数学下限(t/(1000*60*60*24));
返回{
“总计”:t,
“天”:天,
“小时”:小时,
“分钟”:分钟,
“秒”:秒
};
}
函数初始化锁(id,endtime){
var clock=document.getElementById(id);
var daysSpan=clock.querySelector('.days');
var hoursSpan=clock.querySelector('.hours');
var minutesSpan=clock.querySelector('.minutes');
var secondsSpan=clock.querySelector('.seconds');
函数updatelock(){
var t=GetTime剩余时间(endtime);
daysSpan.innerHTML=t.days;
hoursSpan.innerHTML=('0'+t.hours).slice(-2);
minuteSpan.innerHTML=('0'+t.minutes).slice(-2);
secondsSpan.innerHTML=('0'+t.seconds).slice(-2);

如果(t.total你能创建fiddle吗?很好,你可以用JSFiddle创建这里是fiddle for the count down timer@MuhammadAkberKhanDid你们明白我的问题了吗?用这个fiddle,我想发送一个以秒为单位的参数,它应该开始倒计时。什么是endtime?这是Unix秒数吗?我想调用一个计时器变成的函数零我可以在哪里写呢?@b-desai
<script type="text/javascript">
  function getTimeRemaining(endtime) {
 var t = Date.parse(endtime) - Date.parse(new Date());
      var seconds = Math.floor((t / 1000) % 60);
      var minutes = Math.floor((t / 1000 / 60) % 60);
      var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
      var days = Math.floor(t / (1000 * 60 * 60 * 24));
      return {
        'total': t,
        'days': days,
        'hours': hours,
        'minutes': minutes,
        'seconds': seconds
      };
    }

    function initializeClock(id, endtime) {
      var clock = document.getElementById(id);
      var daysSpan = clock.querySelector('.days');
      var hoursSpan = clock.querySelector('.hours');
      var minutesSpan = clock.querySelector('.minutes');
      var secondsSpan = clock.querySelector('.seconds');

      function updateClock() {
        var t = getTimeRemaining(endtime);
        daysSpan.innerHTML = t.days;
        hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
        minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
        secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);

        if (t.total <= 0) {
          clearInterval(timeinterval);
        }
      }
      updateClock();
      var timeinterval = setInterval(updateClock, 1000);
    }
    var gdtesttime  = "00:15:00";         //hh:mm:ss
    var a = gdtesttime.split(':');      // split it at the colons
    var gdseconds = (+a[0]) * 60 * 60 + (+a[1]) * 60 * 1000;  //miliseconds
    var deadline = new Date(Date.parse(new Date()) + gdseconds);
    initializeClock('clockdiv', deadline);
</script>