Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.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 将当前div内容复制到textarea_Javascript_Html_Css - Fatal编程技术网

Javascript 将当前div内容复制到textarea

Javascript 将当前div内容复制到textarea,javascript,html,css,Javascript,Html,Css,我正在为我的工作场所创建一个工具。这只是为了我自己,但主要是为了学习html、CSS和JS 我这里有一个计时器来监控我在任务上花费的时间。 我想让计时器复位,同时记录当前时间到一个文本区域。 我有这个工作,但当计时器停止,我重置,当前暂停时间不记录到文本区域,但计时器重置 如果有任何帮助,我将不胜感激,以下是我目前拥有的代码: var flagclock=0; var flagstop=0; var-stoptime=0; var-splitcounter=0; 无功电流时间; var spl

我正在为我的工作场所创建一个工具。这只是为了我自己,但主要是为了学习html、CSS和JS

我这里有一个计时器来监控我在任务上花费的时间。 我想让计时器复位,同时记录当前时间到一个文本区域。 我有这个工作,但当计时器停止,我重置,当前暂停时间不记录到文本区域,但计时器重置

如果有任何帮助,我将不胜感激,以下是我目前拥有的代码:

var flagclock=0;
var flagstop=0;
var-stoptime=0;
var-splitcounter=0;
无功电流时间;
var splitdate='';
var输出;
无功时钟;
函数startstop(){
var startstop=document.getElementById('startstopbutton');
var startdate=新日期();
var starttime=startdate.getTime();
如果(flagclock==0){
startstop.value='Stop';
flagclock=1;
计数器(开始时间);
}否则{
startstop.value='Start';
flagclock=0;
flagstop=1;
splitdate='';
}
}
功能计数器(开始时间){
output=document.getElementById('output');
clock=document.getElementById('clock');
currenttime=新日期();
var timediff=currenttime.getTime()-starttime;
如果(flagstop==1){
timediff=timediff+停止时间
}
如果(flagclock==1){
clock.innerHTML=格式时间(timediff,”);
刷新=设置超时('计数器('+starttime+);',10);
}否则{
清除超时(刷新);
停止时间=时间差;
}
}
函数formattime(rawtime,roundtype){
如果(roundtype='round'){
var ds=数学四舍五入(原始时间/100)+'';
}否则{
var ds=数学下限(原始时间/100)+'';
}
var sec=数学下限(原始时间/1000);
var min=数学下限(原始时间/60000);
ds=ds.charAt(ds.length-1);
如果(最小值>=60){
startstop();
}
秒=秒-60*分钟+'';
如果(秒字符(秒长度-2)!=“”){
秒=秒字符(秒长度-2)+秒字符(秒长度-1);
}否则{
秒=0+秒字符(秒长度-1);
}
最小值=最小值+“”;
如果(最小字符(最小长度-2)!=“”){
最小=最小字符(最小长度-2)+最小字符(最小长度-1);
}否则{
最小=0+min.charAt(最小长度-1);
}
返回min+':'+sec+':'+ds;
}
函数resetclock(){
flagstop=0;
停止时间=0;
splitdate='';
清除超时(刷新);
如果(flagclock==1){
var resetdate=新日期();
var resettime=resetdate.getTime();
计数器(重置时间);
}否则{
clock.innerHTML=“00:00:0”;
}
}
//分裂函数
函数splittime(){
如果(flagclock==1){
如果(拆分日期!=''){
var splitold=splitdate.split(“:”);
var splitnow=clock.innerHTML.split(“:”);
变量编号=新数组();
变量i=0
对于(i;i

00:00:00

创建新功能:

function logTime() {
    const time = document.getElementById('clock').getAttribute('value');
    document.getElementById('output').innerHTML += '\n' + time; 
}
将其添加到
else
范围:

else {
    startstop.value = 'Start';
    flagclock = 0;
    flagstop = 1;
    splitdate = '';
    logTime(); // New addition
  }
更新元素值,而不仅仅是innerHTML:

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

测试:

var flagclock=0;
var flagstop=0;
var-stoptime=0;
var-splitcounter=0;
无功电流时间;
var splitdate='';
var输出;
无功时钟;
函数startstop(){
var startstop=document.getElementById('startstopbutton');
var startdate=新日期();
var starttime=startdate.getTime();
如果(flagclock==0){
startstop.value='Stop';
flagclock=1;
计数器(开始时间);
}否则{
startstop.value='Start';
flagclock=0;
flagstop=1;
splitdate='';
对数时间();
}
}
功能计数器(开始时间){
output=document.getElementById('output');
clock=document.getElementById('clock');
currenttime=新日期();
var timediff=currenttime.getTime()-starttime;
如果(flagstop==1){
timediff=timediff+停止时间
}
如果(flagclock==1){
clock.innerHTML=格式时间(timediff,”);
setAttribute('value',formattime(timediff',);
刷新=设置超时('计数器('+starttime+);',10);
}否则{
清除超时(刷新);
停止时间=时间差;
}
}
函数formattime(rawtime,roundtype){
如果(roundtype='round'){
var ds=数学四舍五入(原始时间/100)+'';
}否则{
var ds=数学下限(原始时间/100)+'';
}
var sec=数学下限(原始时间/1000);
var min=数学下限(原始时间/60000);
ds=ds.charAt(ds.length-1);
如果(最小值>=60){
startstop();
}
秒=秒-60*分钟+'';
如果(秒字符(秒长度-2)!=“”){
秒=秒字符(秒长度-2)+秒字符(秒长度-1);
}否则{
秒=0+秒字符(秒长度-1);
}
最小值=最小值+“”;
如果(最小字符(最小长度-2)!=“”){
最小=最小字符(最小长度-2)+最小字符(最小长度-1);
}否则{
最小=0+min.charAt(最小长度-1);
}
返回min+':'+sec+':'+ds;
}
函数resetclock(){
flagstop=0;
停止时间=0;
splitdate='';
清除超时(刷新);
如果(flagclock==1){
var resetdate=新日期();
var resettime=resetdate.getTime();
计数器(重置时间);
}否则{
clock.innerHTML=“00:00:0”;
}
}
//分裂函数
函数splittime(){
如果(flagclock==1){
如果(拆分日期!=''){
var splitold=splitdate.split(“:”);
var splitnow=clock.innerHTML.split(“:”);
变量编号=新数组();
变量i=0
对于(i;i