改变定时器从var = 1200显示mm:ss的标题

Change Timer from var = 1200 to display mm:ss that the title

本文关键字：mm ss 标题 显示 1200 定时器 var 改变      更新时间：2023-09-26

我正在制作一个循环计时器，其中代码与SVG绘图相关。我目前有以下js代码。这将显示计时器从-1200计数到0，但不显示"-"，因此看起来像是在计数。请有人告诉我使用相同的代码，但使其计数从20分钟，所以它似乎是一个数字时钟的方式?

var seconds = 1200; /* how long the timer runs for */
var initialOffset = '440';
var i = -1200;
var interval = setInterval(

function() {
    $('.circle_animation').css('stroke-dashoffset', initialOffset-(i*(initialOffset/seconds)));
    $('h2').text(Math.abs(i));
    if (i == 0) {
        clearInterval(interval);
    }
    i++;  
}, 1000);

您正在使用Math.abs()，它将返回正数。Abs(-1200)会导致1200

你可以在你的值前面加上减号(-)就像

下面
$('h2').text("-" + Math.abs(i));

给定i秒，可以使用以下命令将其转换为分/秒:

var secs = Math.abs(i); // convert your negative count to positive
var m = Math.floor(secs/60);
var s = i%60;

要将这些显示为时钟，您需要填充第二个值以确保它始终是两位数(即"09"而不是"9"):

var clock = m+":"+(s<10?"0":"")+s;
相关文章：