Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.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在10分钟倒计时中调整计时器文本和“时间到了”文本_Javascript_Html_Timer - Fatal编程技术网

如何使用Javascript在10分钟倒计时中调整计时器文本和“时间到了”文本

如何使用Javascript在10分钟倒计时中调整计时器文本和“时间到了”文本,javascript,html,timer,Javascript,Html,Timer,我有这行代码,您可以使用javascript在html中设置计时器,在倒计时后显示超时文本。你可以参考这个链接 这是Javascript代码 <script> function countdown( elementName, minutes, seconds ) { var element, endTime, hours, mins, msLeft, time; function twoDigits( n ) { return (n <= 9 ? "0" + n :

我有这行代码,您可以使用javascript在html中设置计时器,在倒计时后显示超时文本。你可以参考这个链接

这是Javascript代码

<script>
function countdown( elementName, minutes, seconds )
{
var element, endTime, hours, mins, msLeft, time;

function twoDigits( n )
{
    return (n <= 9 ? "0" + n : n);
}

function updateTimer()
{
    msLeft = endTime - (+new Date);
    if ( msLeft < 1000 ) {
        element.innerHTML = "Time is up!";
    } else {
        time = new Date( msLeft );
        hours = time.getUTCHours();
        mins = time.getUTCMinutes();
        element.innerHTML = (hours ? hours + ':' + twoDigits( mins ) : mins) + ':' + twoDigits( 
time.getUTCSeconds() );
        setTimeout( updateTimer, time.getUTCMilliseconds() + 500 );
    }
}

element = document.getElementById( elementName );
endTime = (+new Date) + 1000 * (60*minutes + seconds) + 500;
updateTimer();
}

countdown( "ten-countdown", 10, 0 );
</script>
HTML显示的代码

<div id="ten-countdown"></div>

我想知道如何调整,编辑,修改10:00的文字,即使时间到了!倒计时结束后的文本。任何帮助都将不胜感激!,提前感谢。

您可以通过修改倒计时10倒计时、10、0来更改倒计时时间;Javascript代码末尾的行

第二个参数10是分钟,第三个参数0是秒,因为在开始时可以通过方法的签名来理解它:function countdown element name,minutes,seconds

要更改“时间到了”文本,可以更改第16行:element.innerHTML=时间到了


如果您想查找特定文本,请毫不犹豫地在代码中使用ctrl+f进行搜索。

这对我帮助很大,我甚至可以更改布局设计,谢谢。如果是这样,请将答案选为正确答案,以向未来的读者表明它有所帮助。谢谢你的反馈!