使用相同的变量为输出创建新行?

时间:2014-05-18 01:29:21

标签: javascript html

这里非常新手,想要一些指导。

我尝试创建一个项目,在该项目中绑定一个键以启动计时器,然后在结果框中显示输出。但是我面临一个问题,如果用户释放绑定按钮以启动新计时器,我需要创建一个新行,但是我找不到再次启动计时器的方法。请记住,用户可以在一段时间内按下绑定键,我不想手动创建新行和计时器。

我的想法是创建一个随机令牌,然后在发布时,它会创建一个中断,如果下一行不匹配此令牌,它会再次开始。

编辑:所以你可以看到,这个值是基于2个变量的,即使我再次按住特定按钮,它也会添加到当前的smallTime。我知道这是它目前的构建方式,但我试图让它重置并动态转到下一行。

非常感谢任何帮助。

<html>
  <head>

      <textarea class="code_input" name="allInputs" id="textareaCode" wrap="logical" rows="10"    cols="50" readonly="true"> </textarea>


      <script type="text/javascript">


        var shortSeconds = 0;
        var shortmillisec = 0;    


        function buttonPressed(e) {
          key = String.fromCharCode(e.keyCode).toLocaleLowerCase()
      //alert (key)
          keyInput = e.keyCode

          if (withinTime == true && key == bind) {
            shortDisplay()
            shortTimerFunction();
          }
        }

        function shortDisplay() {
          if (shortmillisec >= 9) {
            shortmillisec = 0
            shortSeconds += 1
          }
          else
            shortmillisec += 1
        }


        function startstoptimerShort() {
          if (shortTimer > 0) {
            clearTimeout(shortTimer);
            shortTimer = 0;
          } else {
            withinTime = true
            shortTimerFunction()
          }
        }

        function shortTimerFunction() {
          smallTime = shortSeconds + "." + shortmillisec;
          shortTimer = setTimeout("shortTimerFunction()", 100);

          //need to work out what line to put the output on
          allInputs = document.getElementById('textareaCode')
          allInputs.value = (textbox3.value) + (":  " + smallTime) + '\n';
        } 

      </script>
  </body>
</html>

0 个答案:

没有答案