简单的秒计时器使用javascript并显示在我的html中

Simple Seconds Timer using javascript and display in my html

本文关键字：显示 我的 html javascript 计时器 简单      更新时间：2023-09-26

我的简单问题是 只是为了表明时间不多了。例如，时间只有 10 秒，在我的网页中显示时间为 10。9.. 8..7.. 6..5.. 4..3.. 2..1.. 就是这样。它非常简单..我对JavaScript没有想法，因为我更多的是PHP代码。我试过这个脚本 

setInterval(function() {
var timer = $('span').html();
timer = timer.split(':');
var minutes = timer[0];
var seconds = timer[1];
seconds -= 1;
if (minutes < 0) return;
if (seconds < 0 && minutes != 0) {
    minutes -= 1;
    seconds = 59;
}
else if (seconds < 10 && length.seconds != 2) seconds = '0' + seconds;
if ((minutes < 10) && ((minutes+'').length < 2)) minutes = '0' + minutes;
$('span').html(minutes + ':' + seconds);
}, 1000);

和我的 html 标签像这样 

<font face="tahoma" size="2" color="red">
<span>00:10</span>
</font>

但它不起作用，但在 JS 小提琴中......它正在工作，我想知道为什么当我把它放在我的网页中时，10 秒没有移动。谢谢你的帮助

你确定要导入jquery吗  更正错误 NAN

 setInterval(function() {
var timer = $('span').html();
timer = timer.split(':');
var minutes = timer[0];
var seconds = timer[1];
    if(seconds!="00" || minutes!="00"){
        seconds -= 1;
        if (minutes < 0) return;
        if (seconds < 0 && minutes != 0) {
            minutes -= 1;
            seconds = 59;
        }
        else if (seconds < 10 && length.seconds != 2) seconds = '0' + seconds;
        if ((minutes < 10) && ((minutes+'').length < 2)) minutes = '0' + minutes;
        $('span').html(minutes + ':' + seconds);
    }
}, 1000);

例 ： http://jsfiddle.net/Evmyp/4/

相关文章：