javaScript计算时间差

<html xmlns="http://www.w3.org/1999/xhtml" >

 <head runat="server">

     <title>时间差</title>

     <script type="text/javascript">

        function compute(){

               var strtime = document.all.form1.strTime.value;

               var endtime = document.all.form1.endTime.value;           

               var strtimeReplace = strtime.replace(//-/g,"/");  //转换字符串为yyyy-MM-dd HH:mi:ss格式

               var endtimeReplac = endtime.replace(//-/g,"/");          

          var startDate= new Date(strtimeReplace); //把字符串转换为时间格式

          var endDate= new Date(endtimeReplac);

           var isTime = endDate.getTime()-startDate.getTime();

                 if(isTime<=0){

                      alert("停电终止时间必须大于停电起始时间!");

                            return false;

                            document.all.form1.endTime.focus();

                 }

               

                var hour=parseInt((endDate-startDate)/3600000); //小时

                var mins = parseInt((endDate-startDate)/60000); //分钟

                var hourEedMins = mins-hour*60;  //小时后的分钟

               

          //alert(df+"小时"+"开始时间"+startDate);

                document.all.form1.tt.value=hour+"小时"+hourEedMins+"";

       }

           

               

               

               

  </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <table width="300px" id="myTalbe" border="1">

            <tr>

                <td>开始时间</td>

                <td><input name="strTime" type="text"></td>

            </tr>

            <tr>

                <td>结束时间</td>

                <td><input name="endTime" type="text"></td>

            </tr>

            <tr>

                <td colspan="2" align="center"> <input type="button" onclick="compute()" value="Test"/>

                        </td>

            </tr>

        </table>

       

        <p>

          <label>时间差

          <input name="tt" type="text" size="50">

          </label>

      </p>

    </div>

    </form>

</body>

</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章