javascript - 单击按钮从 Div 复制到输入框

Question

我创建了一个带有停止和开始按钮的计数器。我想让一个简单的时间开始超时并且不使用太多的 jquery 我想到了仅使用 php 来保存它而很少使用 jquery 的方法。

单击停止按钮时，我希望将 div 编号复制并保存到输入文本框中。这是我的代码，请告知我哪里出错了。因为每当我点击停止它在输入文本框中说未定义

这是 HTML

<div class='buttons'>
    <button class='btn btn-default'  onclick='startTimer()' id='button1'>Start</button>
    <button class='btn btn-default'  onclick='stopTimer()' id='button2'>Stop</button>
    <div>
        <form role='form' action='create_delete_edit.php' method='POST'>
            <div class='dataTable_wrapper timer' id='timer' style='font-size:50pt;'>00:00</div></br>
            <input type='text' id='timerhide' name='timerhide'>
            <input type='submit' class='btn btn-default' value='Save Duration' id='btnsaveduration' name='btnsaveduration'>
            <input type='submit' class='btn btn-default' value='Close Timer' id='btnclosetimer' name='btnclosetimer'>
        </form>

下面是停止功能

function stopTimer()
{
   w.terminate();
   timerStart = true;
   w = null;
   var n1 = document.getElementById('timer').innerHTML;
   var n2 = document.getElementById('timerhide');
   n2.value = n1.value;

}

如何在不遇到此类错误的情况下将 N1 的值设置为 N2？

提前致谢。

Answer 1

首先，您需要像这样获取#timer div 的内部文本:

var time = $('#timer').html();

然后，像这样更新隐藏字段的值:

$('#timerhide').val(time);

或者，如果您想要一个衬垫:

$('#timerhide').val($('#timer').html());