【问题标题】:count minutes and seconds onclick计算分钟和秒 onclick
【发布时间】:2014-09-04 20:01:17
【问题描述】:

你好需要赶上特定的分钟和秒,我需要查看提要。 HTML 跨度:

<span class="minutes">0</span>:
<span class="seconds">00</span>

JQuery:

function count_timesong(end_time){
    var time_parts = end_time.split(':');
    var minutes = time_parts[0];
    var seconds = time_parts[1];
    $('.minutes').countTo({from: 0, to: minutes,speed: 600000});
    $('.seconds').countTo({from: 00, to: seconds,speed: 10000});
}

我需要每 60 秒增加一次分钟数,并在到达 end_time 时停止(例如 4:38)

【问题讨论】:

  • 换句话说,你需要一个计数器,不是吗?
  • 是的,第一个答案真的是我需要的!!现在我需要将它与进度条合并!!

标签: javascript jquery html


【解决方案1】:

试试看,

var totalSeconds = 0;
var clr = setInterval(setTime, 1000);
var endMinute=1;
var endSecond=5;
function setTime() {
    ++totalSeconds;
    var s=totalSeconds % 60,
        m=parseInt(totalSeconds / 60);
    if(s==endSecond && m==endMinute) {
        clearInterval(clr);
    }
    $('#seconds').text(s);
    $('#minutes').text(m);
}

DEMO

使用progress bar更新了演示

【讨论】:

  • 谢谢!!!这是完美的!我可以创建像秒(totalSeconds)一样递增的进度条吗?喜欢这里:stackoverflow.com/questions/25650900/progress-bar-for-song 但我不知道如何合并这些。
  • 我可以关闭 DIV Whit 特定宽度的进度条吗?
  • 你的意思是说你想停止进度条,而不是等待它达到 100%。如果是,那么您需要为 prgress 栏使用另一个 setInterval 并在按钮单击等事件上清除它。
猜你喜欢
  • 2016-09-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多