Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在单击时计算分钟和秒数_Javascript_Jquery_Html - Fatal编程技术网

Javascript 在单击时计算分钟和秒数

Javascript 在单击时计算分钟和秒数,javascript,jquery,html,Javascript,Jquery,Html,嗨,我需要赶时间,我需要看一下提要。 HTML跨度: <span class="minutes">0</span>: <span class="seconds">00</span> 我需要每60秒增加分钟数,并在到达终点时停止(例如4:38)尝试一下 var totalSeconds = 0; var clr = setInterval(setTime, 1000); var endMinute=1; var endSecond=5; funct

嗨,我需要赶时间,我需要看一下提要。 HTML跨度:

<span class="minutes">0</span>:
<span class="seconds">00</span>
我需要每60秒增加分钟数,并在到达终点时停止(例如4:38)

尝试一下

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);
}


更新了演示,换句话说,你需要一个计数器,不是吗?是的,第一个答案就是我真正需要的!!现在我需要将它与进度条合并!!谢谢太完美了!我可以创建像秒(totalSeconds)一样递增的进度条吗?比如这里:但我不知道如何合并这些。我可以用一个特定宽度的DIV关闭进度条吗?你的意思是说你想停止进度条,而不用等待它达到100%。如果是,那么您需要为prgress bar使用另一个setInterval,并在类似按钮单击的事件中清除它。
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);
}