Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.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 当计时结束时,如何显示最后5秒?_Javascript_Timeout - Fatal编程技术网

Javascript 当计时结束时,如何显示最后5秒?

Javascript 当计时结束时,如何显示最后5秒?,javascript,timeout,Javascript,Timeout,嗨,我正在使用Javascript设置超时来运行某个函数 接近结束时,如何显示超时的最后10秒 var a = setTimeout('someFunction()', 10000); 它是否能够使用存储在变量中的值显示某些内容 谢谢我需要两次暂停 第一个时间为负5秒,调用第二个超时(5秒)的函数,该函数将显示计时器。无法直接获取超时的剩余时间。 您可以尝试每秒钟进行多次超时,也可以在超时开始时存储另一个变量。请查看此处: HTML: 我为你制作了一个小演示 目标 var目标, Alloc

嗨,我正在使用Javascript设置超时来运行某个函数

接近结束时,如何显示超时的最后10秒

var a = setTimeout('someFunction()', 10000);
它是否能够使用存储在变量中的值显示某些内容


谢谢

我需要两次暂停


第一个时间为负5秒,调用第二个超时(5秒)的函数,该函数将显示计时器。

无法直接获取超时的剩余时间。 您可以尝试每秒钟进行多次超时,也可以在超时开始时存储另一个变量。

请查看此处:

HTML:


我为你制作了一个小演示


目标
var目标,
AllocatedTimeforWork=100/*您可以更改此设置*/
;
var handler=setTimeout(函数(){
如果(!目标)
{
target=document.getElementById('target');
}
target.style.display=“block”;
startTicker();
},分配给工作的时间);
函数startTicker()
{
var计数器=10;
var tickerHandler=window.setInterval(函数(){
如果(计数器>0)
{
//缓存目标
target.innerHTML=“您还有“+计数器+”秒”;
计数器--;
}
其他的
{
target.innerHTML=“时间结束”;
clearInterval(tickerHandler);
}
},1000);          
}

设置两个计时器,一个用于超时,另一个用于警告

var warn_time = 5000;
var function_name = 'someFunction()';

var a = setTimeout('warnFunction(function_name, warn_time)', 10000 - warn_time);

function warnFunction(function_name, time) {
  alert('only ' + time + ' seconds left');   //use a div or whatever to display
  var b = setTimeout(function_name, time);
}
setInterval(function() {
    var elem = document.getElementById('aaa');
    elem.innerHTML = elem.innerHTML - 1;
}, 1000);
<div id="target" style="display:none">
    target
</div>


var target,
    allotedTimeForWork=100   /*you can change this*/
    ;
var handler = setTimeout(function(){
      if(!target)
      {
          target=document.getElementById('target');
      }
    target.style.display="block";
    startTicker();
}, allotedTimeForWork);

function startTicker()
{
    var counter=10;
    var tickerHandler= window.setInterval(function(){
          if(counter>0)
          {
              //cache target
              target.innerHTML="you have "+counter +" seconds left";
              counter--;
          }
        else
        {
            target.innerHTML="time over";
            clearInterval(tickerHandler);
        }
    },1000);          
}
var warn_time = 5000;
var function_name = 'someFunction()';

var a = setTimeout('warnFunction(function_name, warn_time)', 10000 - warn_time);

function warnFunction(function_name, time) {
  alert('only ' + time + ' seconds left');   //use a div or whatever to display
  var b = setTimeout(function_name, time);
}