它本身很好，但当我把它放在我的其他形式时就会爆炸

works fine by itself, but blows-up when I put it in the rest of my form

本文关键字：其他 我的 很好 它本身      更新时间：2023-09-26

我破解了一个秒表脚本，使其在HTML表单的几次迭代中可用。它使用id标记来识别我按下了哪个按钮来启动、结束和重置计时器，将当前时间发布到这些字段，并在第三个字段中运行秒表。原因是，将通过表格跟踪12个重要制造过程的开始/结束/持续时间。

我在一个"独立"HTML文件的上下文中写了这篇文章，以测试其可行性，它运行得很好。。。然而当我将代码粘贴到我的表单中（表单太大，无法在此处发布）并点击"开始"按钮时，我会将文本发布到"秒表"字段，然后刷新页面。

下面是我可以阅读的发布到我的字段中的大部分文本（如果需要，我会扩展字段以捕获更多文本），以及使用我编写的javascript代码的HTML。

已发布文本：函数小时（serial_number）｛if（！isFinite（serial_number））return….

我整理的代码：

<html>
<head>
<script type="text/javascript">
var sec = 0;
var mins = 0;
var hour = 0;
function duration(ctrlID){
  ctrlbtnID=(ctrlID)
  var cbtnVal=document.getElementById(ctrlbtnID).value;
  if(cbtnVal=='Begin'){
    document.getElementById(ctrlbtnID).value='End';
    var currentTime = new Date()
    var hours = currentTime.getHours()
    var minutes = currentTime.getMinutes()
    var seconds = currentTime.getSeconds()
    if (minutes < 10) {minutes = "0" + minutes}
    if (seconds < 10) {seconds = "0" + seconds}
    bTime= hours + ":" + minutes + ":" + seconds + " "
    document.getElementById(ctrlbtnID+"Start").value = bTime
  }  //end of if block
  else if(cbtnVal=='End'){
    document.getElementById(ctrlbtnID).value='Begin';
    var currentTime = new Date()
    var hours = currentTime.getHours()
    var minutes = currentTime.getMinutes()
    var seconds = currentTime.getSeconds()
    if (minutes < 10) {minutes = "0" + minutes}
    if (seconds < 10) {seconds = "0" + seconds}
    eTime= hours + ":" + minutes + ":" + seconds + " "
    document.getElementById(ctrlbtnID+"End").value = eTime
  }
  stopwatch();
}
function stopwatch(){
  var x=document.getElementById(ctrlbtnID).value;
  if (x=='End'){
    sec++;
  if (sec == 60) {
    sec = 0;
    mins = mins + 1;
  }
  else {
   mins = mins;
  }  
  if (mins == 60) {
    mins = 0;
    hour += 1;
  }
  if (sec<=9) {
    sec = "0" + sec;
  }
  var swTime=document.getElementById(ctrlbtnID+"Dur");
  swTime.value= ((hour<=9) ? "0"+hour : hour) + " : " + ((mins<=9) ? "0" + mins : mins) + " : " + sec;
  SD=window.setTimeout("stopwatch();", 1000);
  }
}
function reset(){
  var swTime=document.getElementById(ctrlbtnID+"Dur");
  sec = 0;
  mins = 0;
  hour = 0;
  swTime.value='00 : 00 : 00';
  document.getElementById(ctrlbtnID+"Start").value ='00 : 00 : 00';
  document.getElementById(ctrlbtnID+"End").value ='00 : 00 : 00';
}
</script>
</head> 
<body>
<input type="button" value="Begin" id="1_1"  onClick="duration(this.id)"/>
<input type="button" value="Reset" id="reset"  onClick="reset()"/>
<input type="text" value="00 : 00 : 00" id="1_1Dur"/>
<input type="text" value="00 : 00 : 00" id="1_1Start"/>
<input type="text" value="00 : 00 : 00" id="1_1End"/>
</body>
</html>

几天前，我在这里发布了我的第一个问题，我也解决了自己的问题，但我希望我能得到更好的回应。。。我已经搜索了大约两天我能找到的所有在线资源，但什么都没找到。

求你了，我需要一些帮助。

感谢

很明显，您在某个地方有一个hour(serial_number)函数，覆盖您的全局小时变量。因此，请重命名函数或变量。

至于"reset（）"函数，请告诉我们它是否被调用，或者它是否抛出错误，以及是哪一个。

好吧，如果没有部分有问题的表单，我认为我们在这里帮不了你多少忙。我可以确认代码是一个独立的HTML文件，但我不知道打印的文本来自哪里（在你提供的代码中找不到）。

检查您的document.getElementById(problemFormId)呼叫。。。您可能在没有意识到的情况下将字段设置为文本变量。

相关文章：