js 数字相减问题

JavaScript06

js 数字相减问题,第1张

id属性是具有唯一性的，也就是说同一个网页不允许有多个元素具有相同的id（id的意思就是身份证，你觉得身份证号码有可能重号吗？），否则的话只有第一个元素的id才有效。如果你想让多个元素具有相同的名字，可以使用name属性（现实生活中姓名相同是允许的）。

另外你的算法本身有问题，比方说你在值1先输入1，触发KeyUp事件，总值-1，然后在值1再输入0，会再次触发KeyUp事件，总值再-10，也就是说实际减了11，而不是你希望的10！下面是一种解决办法（也许不是最佳的）：

<!DOCTYPE html>

<html>

<head>

<script type="text/javascript">

window.onload=function(){

   var left=document.getElementById("left")

   var lv=0

   left.oninput=function(){

      if(!isNaN(this.value))lv=Number(this.value)

   }

   var rights=document.getElementsByName("right")

   for(var i=0i<rights.lengthi++){

      rights[i].oninput=function(){

         for(var j=0,s=0j<rights.lengthj++){

            if(!isNaN(rights[j].value))s+=Number(rights[j].value)

         }

         left.value=lv-s

      }

   }

}

</script>

</head>

<body>

<span id="message" style="color:red"></span>

<br> 总值： <input type="text" id="left"/>

<br>

<br> 值1： <input type="text" name="right"/>

<br> 值2： <input type="text" name="right"/>

<br> 值3： <input type="text" name="right"/>

<br> 值4： <input type="text" name="right"/>

<br> 值5： <input type="text" name="right"/>

<br>

</body>

</html>

这个代码还解决了当你在值1、值2...中取消输入时，总值自动恢复原值的问题。

补充说明：测试文本框输入的是否为合法数字时，不需要用正则去测试，只需用js原生的函数isNaN()即可

可以直接相减，获得的结果就是两个时间之间相差的毫秒数，然后可以再从中计算获得相差的年月日时分秒来。

比如下面的代码是获得今年（2018年）剩余的天数：

var d1=new Date()

var d2=new Date(2019,0,1)

var d=parseInt((d2-d1)/1000/3600/24)

console.log("2018年剩余的天数为"+d+"天")