Question

我正在为自己的工作场所创建工具。这只是我自己，但主要用于学习html，CSS和JS。

我在这里有一个计时器来监视我花在任务上的时间。我希望计时器重置，同时将当前时间记录到文本区域。我已经完成了这项工作，但是当计时器停止并重置时，当前的暂停时间不会记录到文本区域，而是计时器重置。

我将不胜感激，这是我目前拥有的代码：

var flagclock = 0;
var flagstop = 0;
var stoptime = 0;
var splitcounter = 0;
var currenttime;
var splitdate = '';
var output;
var clock;

function startstop() {
  var startstop = document.getElementById('startstopbutton');
  var startdate = new Date();
  var starttime = startdate.getTime();
  if (flagclock == 0) {
    startstop.value = 'Stop';
    flagclock = 1;
    counter(starttime);
  } else {
    startstop.value = 'Start';
    flagclock = 0;
    flagstop = 1;
    splitdate = '';
  }
}

function counter(starttime) {
  output = document.getElementById('output');
  clock = document.getElementById('clock');
  currenttime = new Date();
  var timediff = currenttime.getTime() - starttime;
  if (flagstop == 1) {
    timediff = timediff + stoptime
  }
  if (flagclock == 1) {
    clock.innerHTML = formattime(timediff, '');
    refresh = setTimeout('counter(' + starttime + ');', 10);
  } else {
    window.clearTimeout(refresh);
    stoptime = timediff;
  }
}

function formattime(rawtime, roundtype) {
  if (roundtype == 'round') {
    var ds = Math.round(rawtime / 100) + '';
  } else {
    var ds = Math.floor(rawtime / 100) + '';
  }
  var sec = Math.floor(rawtime / 1000);
  var min = Math.floor(rawtime / 60000);
  ds = ds.charAt(ds.length - 1);
  if (min >= 60) {
    startstop();
  }
  sec = sec - 60 * min + '';
  if (sec.charAt(sec.length - 2) != '') {
    sec = sec.charAt(sec.length - 2) + sec.charAt(sec.length - 1);
  } else {
    sec = 0 + sec.charAt(sec.length - 1);
  }
  min = min + '';
  if (min.charAt(min.length - 2) != '') {
    min = min.charAt(min.length - 2) + min.charAt(min.length - 1);
  } else {
    min = 0 + min.charAt(min.length - 1);
  }
  return min + ':' + sec + ':' + ds;
}

function resetclock() {
  flagstop = 0;
  stoptime = 0;
  splitdate = '';
  window.clearTimeout(refresh);

  if (flagclock == 1) {
    var resetdate = new Date();
    var resettime = resetdate.getTime();
    counter(resettime);
  } else {
    clock.innerHTML = "00:00:0";
  }
}

//Split function

function splittime() {
  if (flagclock == 1) {
    if (splitdate != '') {
      var splitold = splitdate.split(':');
      var splitnow = clock.innerHTML.split(':');
      var numbers = new Array();
      var i = 0
      for (i; i < splitold.length; i++) {
        numbers[i] = new Array();
        numbers[i][0] = splitold[i] * 1;
        numbers[i][1] = splitnow[i] * 1;
      }
      if (numbers[1][1] < numbers[1][0]) {
        numbers[1][1] += 60;
        numbers[0][1] -= 1;
      }
      if (numbers[2][1] < numbers[2][0]) {
        numbers[2][1] += 10;
        numbers[1][1] -= 1;
      }
    }
    splitdate = clock.innerHTML;
    output.innerHTML += (++splitcounter) + '. ' + clock.innerHTML + '\n';
    console.log("split");
  }
}

function time() {
  splittime();
  resetclock();
}

Answer 1

创建新功能：

tar -C /data/projects/cad-detection/darknet/result_img/ -cf- . |
docker exec -i 1f17d5044287 tar -C /home/dataturks/bazaar/uploads/2c91808274774ae60/ -xf-

将其添加到tar范围：

function logTime() {
    const time = document.getElementById('clock').getAttribute('value');
    document.getElementById('output').innerHTML += '\n' + time; 
}

更新元素值，而不仅仅是内部HTML：

else

测试：

else {
    startstop.value = 'Start';
    flagclock = 0;
    flagstop = 1;
    splitdate = '';
    logTime(); // New addition
  }

if (flagclock == 1) {
    clock.innerHTML = formattime(timediff, '');
    clock.setAttribute('value', formattime(timediff, '')); // New addition
    refresh = setTimeout('counter(' + starttime + ');', 10);
  }

将当前的div内容复制到文本区域

1 个答案: