Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.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 - Fatal编程技术网

Javascript 如何将启动和重置添加到倒计时?

Javascript 如何将启动和重置添加到倒计时?,javascript,Javascript,我在网上找到了代码,我想在上面添加“开始”和“重置”按钮。希望有人能帮我 函数getTimeRemaining(endtime){ var t=Date.parse(endtime)-Date.parse(new Date()); var秒=数学地板((t/1000)%60); var分钟=数学地板((t/1000/60)%25); 返回{ “总计”:t, “分钟”:分钟, “秒”:秒 }; } 函数初始化锁(id,endtime){ var clock=document.getElement

我在网上找到了代码,我想在上面添加“开始”和“重置”按钮。希望有人能帮我

函数getTimeRemaining(endtime){
var t=Date.parse(endtime)-Date.parse(new Date());
var秒=数学地板((t/1000)%60);
var分钟=数学地板((t/1000/60)%25);
返回{
“总计”:t,
“分钟”:分钟,
“秒”:秒
};
}
函数初始化锁(id,endtime){
var clock=document.getElementById(id);
var minutesSpan=clock.querySelector('.minutes');
var secondsSpan=clock.querySelector('.seconds');
函数updatelock(){
var t=GetTime剩余时间(endtime);
minuteSpan.innerHTML=('0'+t.minutes).slice(-2);
secondsSpan.innerHTML=('0'+t.seconds).slice(-2);

如果(t.total我想她是在问一个按钮是如何与脚本交互的。按钮可以访问脚本中的方法。因此,单击此按钮将调用脚本中的开始函数
开始


下面是一个如何使用计时器执行此操作的示例

<div id="clockdiv">
    <div id="days">Days</div>
    <div id="hours">Hours</div>
    <div id="minutes">Minutes</div>
    <div id="seconds">Seconds</div>
</div>
<button type="button" onclick="start()">Start</button>
<button type="button" onclick="stop()">Stop</button>
<script>
function getTimeRemaining(endtime) {
  var t = Date.parse(endtime) - Date.parse(new Date());
  var seconds = Math.floor((t / 1000) % 60);
  var minutes = Math.floor((t / 1000 / 60) % 60);
  var hours = Math.floor((t / 1000 / 60 / 60) % 24 );
  var days = Math.floor(t / 1000 / 60 / 60 / 24);
  return { days, hours, minutes, seconds, totalTime: t };
}

function updateClock(endtime) {
  var seconds = document.getElementById('seconds');
  var minutes = document.getElementById("minutes");
  var hours = document.getElementById("hours");
  var days = document.getElementById('days');
  var t = getTimeRemaining(endtime);
  if(t.totalTime <= 0) stop();
  seconds.innerHTML = ('0' + t.seconds).slice(-2) + ' Seconds';
  minutes.innerHTML = ('0' + t.minutes).slice(-2) + ' Minutes ';
  hours.innerHTML = ('0' + t.hours).slice(-2) + ' Hours';
  days.innerHTML = ('0' + t.days).slice(-2) + ' Days';
}

function start() {
  var deadline = new Date(Date.parse(new Date()) + 15 * 1000);
  updateClock(deadline);
  clockTimer = setInterval(function() {
    updateClock(deadline);
  }, 1000);
}

function stop() {
  clearInterval(clockTimer);
}

var clockTimer;
</script>

天
小时
会议记录
秒
开始
停止
函数getTimeRemaining(endtime){
var t=Date.parse(endtime)-Date.parse(new Date());
var秒=数学地板((t/1000)%60);
var分钟=数学地板((t/1000/60)%60);
var小时=数学地板((t/1000/60/60)%24);
var天数=数学下限(t/1000/60/60/24);
返回{天,小时,分钟,秒,总时间:t};
}
函数updatelock(endtime){
var seconds=document.getElementById('seconds');
var minutes=document.getElementById(“分钟”);
var hours=document.getElementById(“小时”);
var days=document.getElementById('days');
var t=GetTime剩余时间(endtime);

如果(t.totalTime我想她是在问一个按钮是如何与脚本交互的。按钮可以从脚本访问方法。因此,单击此按钮将调用脚本中的开始函数
开始


下面是一个如何使用计时器执行此操作的示例

<div id="clockdiv">
    <div id="days">Days</div>
    <div id="hours">Hours</div>
    <div id="minutes">Minutes</div>
    <div id="seconds">Seconds</div>
</div>
<button type="button" onclick="start()">Start</button>
<button type="button" onclick="stop()">Stop</button>
<script>
function getTimeRemaining(endtime) {
  var t = Date.parse(endtime) - Date.parse(new Date());
  var seconds = Math.floor((t / 1000) % 60);
  var minutes = Math.floor((t / 1000 / 60) % 60);
  var hours = Math.floor((t / 1000 / 60 / 60) % 24 );
  var days = Math.floor(t / 1000 / 60 / 60 / 24);
  return { days, hours, minutes, seconds, totalTime: t };
}

function updateClock(endtime) {
  var seconds = document.getElementById('seconds');
  var minutes = document.getElementById("minutes");
  var hours = document.getElementById("hours");
  var days = document.getElementById('days');
  var t = getTimeRemaining(endtime);
  if(t.totalTime <= 0) stop();
  seconds.innerHTML = ('0' + t.seconds).slice(-2) + ' Seconds';
  minutes.innerHTML = ('0' + t.minutes).slice(-2) + ' Minutes ';
  hours.innerHTML = ('0' + t.hours).slice(-2) + ' Hours';
  days.innerHTML = ('0' + t.days).slice(-2) + ' Days';
}

function start() {
  var deadline = new Date(Date.parse(new Date()) + 15 * 1000);
  updateClock(deadline);
  clockTimer = setInterval(function() {
    updateClock(deadline);
  }, 1000);
}

function stop() {
  clearInterval(clockTimer);
}

var clockTimer;
</script>

天
小时
会议记录
秒
开始
停止
函数getTimeRemaining(endtime){
var t=Date.parse(endtime)-Date.parse(new Date());
var秒=数学地板((t/1000)%60);
var分钟=数学地板((t/1000/60)%60);
var小时=数学地板((t/1000/60/60)%24);
var天数=数学下限(t/1000/60/60/24);
返回{天,小时,分钟,秒,总时间:t};
}
函数updatelock(endtime){
var seconds=document.getElementById('seconds');
var minutes=document.getElementById(“分钟”);
var hours=document.getElementById(“小时”);
var days=document.getElementById('days');
var t=GetTime剩余时间(endtime);

如果(t.totalTime)这个问题与Java!Java!=Javascript无关,那么请正确标记您的问题,告诉我们您尝试做的事情和不起作用的事情?这个问题与Java!Java!=Javascript无关,所以请正确标记您的问题,告诉我们您尝试做的事情和不起作用的事情?