JS获取当前时间并计算时间差

最新推荐文章于 2024-08-02 16:50:48 发布

dannyoracle

最新推荐文章于 2024-08-02 16:50:48 发布

阅读量2.6k

点赞数

分类专栏： JavaScript 文章标签： input button function javascript date

本文链接：https://blog.csdn.net/dannyoracle/article/details/4347956

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<html>
<head>
<script language="javascript">
var d,d1;

  //获取开始时间
  function showTime(){
     d = new Date();
     var s = "";
     s += d.getYear() + "-";
     s += (d.getMonth() + 1)   +   "-";
     s += d.getDate() + " ";
     s += d.getHours() + ":";
     s += d.getMinutes() + ":";
     s += d.getSeconds() + ":";
     s += d.getMilliseconds();

     document.getElementById("starttime").value = s;
     document.getElementById("endtime").value = "";
     document.getElementById("interval").value = "";
  }

  //获取结束时间
  function showTime2(){
     d1 = new Date();
     var s1 = "";
     s1 += d1.getYear() + "-";
     s1 += (d1.getMonth() + 1) + "-";
     s1 += d1.getDate() + " ";
     s1 += d1.getHours() + ":";
     s1 += d1.getMinutes() + ":";
     s1 += d1.getSeconds() + ":";
     s1 += d1.getMilliseconds();

     document.getElementById("endtime").value = s1;
     document.getElementById("interval").value = "";
  }

  //计算时间差
  function showInterval(){

   var sjc = ((d1.getTime()-d.getTime())/1000);
     if(sjc <= 0){
       alert("结束时间不能比开始时间早！");
    }else{
       document.getElementById("interval").value = sjc + "秒";
    }
  }
</script>
</head>

<body>
  <input type="button" value="开始时间" οnclick="showTime()" />
    <input type="text" id="starttime" /><br>

    <input type="button" value="结束时间" οnclick="showTime2()" />
    <input type="text" id="endtime" /><br>

    <input type="button" value="时间差" οnclick="showInterval()"/>
    <input type="text" id="interval" />
</body>

<html>