JavaScript实现显示时间,暂停时间,和取消显示时间

简介: JavaScript实现显示时间,暂停时间,和取消显示时间
<script type="text/javascript">
    //显示时间函数
    var id;//设置该id主要是为了之后的暂停和取消显示时间用到clearInterval(这里传id);
    function showTime(){
      var divOne=document.getElementById("one");
      var d=new Date();
      var timStr=d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate()+" "+
          d.getHours()+":"+d.getMinutes()+":"+d.getSeconds()+":"+d.getMilliseconds();
      divOne.innerHTML=timStr;
      id=setInterval(function(){
         d=new Date();
       timStr=d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate()+" "+
          d.getHours()+":"+d.getMinutes()+":"+d.getSeconds()+":"+d.getMilliseconds();
      divOne.innerHTML=timStr;
      }, 1)
    }
    //暂停时间函数
    function stopTime(){
      clearInterval(id);
    }
    //取消显示时间函数
    function cancelTime(){
      var divOne=document.getElementById("one");
      clearInterval(id);
      divOne.innerHTML='';
    }
  </script>
  </head>
  <body>
      <input type="button" value="显示时间"
          οnclick="showTime()">
      <input type="button" value="暂停时间"
          οnclick="stopTime()">
      <input type="button" value="取消时间"
          οnclick="cancelTime()">
      <div id="one"></div>
  </body>
相关文章
|
10月前
|
JavaScript
弹框下次触发时还保留上次的触发条件
弹框下次触发时还保留上次的触发条件
|
7月前
|
JavaScript
Vue2无操作半小时后自动清除登录状态
这篇文章介绍了如何在Vue应用中实现当用户半小时无操作后自动清除登录状态的功能,通过监听鼠标、键盘或滚动事件来重置过期时间。
148 1
Vue2无操作半小时后自动清除登录状态
|
9月前
|
C# C++
C# 自定义时间进度条
本文作者通过参考leslie_xin的一篇文章,成功创建了一个自定义的WinForms控件——时间进度条,该控件带有时间刻度和多种可定制的属性,如颜色、时间间隔等。作者在控件中加入了开始和结束时间,以及自适应的时间刻度间隔。控件能根据设置显示时间标签,并提供了事件处理,如值改变时的触发。代码中包含了计算时间刻度、绘制刻度线和时间标签的逻辑。作者强调了避免循环调用事件、使用OnXXX()形式的事件处理函数以及注意自定义控件中的属性和事件设计。
184 7
|
JavaScript 前端开发
JavaScript获取默认时间的上一个月
JavaScript获取默认时间的上一个月
223 0
|
JavaScript
JS 启动一个计时器来跟踪某一个操作的占用时长
JS 启动一个计时器来跟踪某一个操作的占用时长
73 0
|
JavaScript
js判断一个时间是否在某一个时间段内
js判断一个时间是否在某一个时间段内
自定义超时时间用法
参数timeout_express用来设置订单支付超时的参数,该笔订单允许的最晚付款时间,逾期将关闭交易。 取值范围:1m~15d。m-分钟,h-小时,d-天,1c-当天(1c-当天的情况下,无论交易何时创建,都在0点关闭)。
569 0