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>
相关文章
|
数据库
TortoiseSVN 执行清理( cleanUp )失败的解决方案
目前我们这边的内网代码是通过 TortoiseSVN 进行版本管理的,平时用着也挺好的,没碰到什么大问题。
906 0
TortoiseSVN 执行清理( cleanUp )失败的解决方案
|
7月前
|
JavaScript 前端开发 算法
JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能,JS中排序算法的使用详解(附实际应用代码)
Array.sort() 是一个功能强大的方法,通过自定义的比较函数,可以处理各种复杂的排序逻辑。无论是简单的数字排序,还是多字段、嵌套对象、分组排序等高级应用,Array.sort() 都能胜任。同时,通过性能优化技巧(如映射排序)和结合其他数组方法(如 reduce),Array.sort() 可以用来实现高效的数据处理逻辑。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
12月前
|
安全 Java Linux
java程序设置开机自启
java程序设置开机自启
707 1
|
11月前
|
存储 缓存 网络协议
如何防止DNS缓存中毒攻击(一)
DNS缓存中毒,即DNS欺骗,是一种通过利用DNS系统的漏洞,将用户流量从合法服务器导向虚假服务器的网络攻击。攻击者通过伪造DNS响应,使缓存服务器存储错误的IP地址,从而实现对合法URL的劫持。这不仅可能导致用户信息泄露,还可能使用户设备遭受恶意软件感染,对金融、医疗等关键领域造成严重影响。据统计,DNS攻击每年造成的平均损失高达223.6万美元,其中23%的攻击源自DNS缓存中毒。
179 0
|
Android开发
Android实战之如何快速实现自动轮播图
本文介绍了在 Android 中使用 `ViewPager2` 和自定义适配器实现轮播图的方法,包括添加依赖、布局配置、创建适配器及实现自动轮播等步骤。
466 0
|
分布式计算 数据挖掘 数据处理
基于 MaxCompute MaxFrame 实现分布式 Pandas 处理
阿里云分布式计算框架 MaxCompute MaxFrame 兼容 Pandas 接口且自动进行分布式处理,在保证强大数据处理能力的同时,可以大幅度提高数据处理规模及计算效率。
732 1
|
JavaScript Java 测试技术
基于SpringBoot+Vue的学生成绩管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue的学生成绩管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
213 0
|
JavaScript Java 测试技术
基于SpringBoot+Vue 的学生成绩管理系统【源码+论文+演示视频+包运行成功】
基于SpringBoot+Vue 的学生成绩管理系统【源码+论文+演示视频+包运行成功】
569 0
|
前端开发 JavaScript API
大事件项目超详细讲解(可跟做练手项目)(一)
大事件项目超详细讲解(可跟做练手项目)
1314 0
大事件项目超详细讲解(可跟做练手项目)(一)