<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>
JavaScript实现显示时间，暂停时间，和取消显示时间
2023-09-26
171
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
JavaScript实现显示时间，暂停时间，和取消显示时间
目录
相关文章
|
8月前
|
C#
C++
C# 自定义时间进度条
本文作者通过参考leslie_xin的一篇文章，成功创建了一个自定义的WinForms控件——时间进度条，该控件带有时间刻度和多种可定制的属性，如颜色、时间间隔等。作者在控件中加入了开始和结束时间，以及自适应的时间刻度间隔。控件能根据设置显示时间标签，并提供了事件处理，如值改变时的触发。代码中包含了计算时间刻度、绘制刻度线和时间标签的逻辑。作者强调了避免循环调用事件、使用OnXXX()形式的事件处理函数以及注意自定义控件中的属性和事件设计。
176
7
7
|
JavaScript
前端开发
|
JavaScript
前端开发
|
存储
缓存
固态存储
|
JavaScript
前端开发
JavaScript时间戳获取及时间戳判断（同时设置不同的颜色。已开始的事件显示绿色，未开始的事件显示黑色，过去的事件显示灰色）
JavaScript时间戳获取及时间戳判断（同时设置不同的颜色。已开始的事件显示绿色，未开始的事件显示黑色，过去的事件显示灰色）
129
0
0
|
JavaScript
|
JavaScript
|
JavaScript
前端开发
倒计时跳转和获取实时时间
本文内容如题，自己做的一个demo，倒计时和获取实时时间在许多场景都用的到，所以还算蛮实用的，需要的朋友可以做个参考。
代码解析：html代码 <body onload="startTime()">
<div class="box">
<div class="time">请等待<span id="dd">6</span>秒</div>
<!--设置时间长一点，不然一直跳转很烦-->
<div class="id-box">
<div id="time"></div>
308
0
0
|
Java
数据库
热门文章
最新文章
1
解决kafka集群由于默认的__consumer_offsets这个topic的默认的副本数为1而存在的单点故障问题
2
使用 Docker 高效搭建本地开发环境（详细教程）
3
如何使用java代码导出word
4
《Python编程从0到1》笔记1——表达式的风格（前缀、中缀、后缀）
5
Nginx目录文件列表显示
6
中移动与阿里巴巴将在四大领域展开全面战略合作
7
mysql 主从复制配置
8
google guice @inject comments
9
html页面中event的常见应用
10
微软要在年内推出IPTV平台 抢占客厅市场
1
一级倒立摆平衡控制系统MATLAB仿真,可显示倒立摆平衡动画,对比极点配置,线性二次型,PID,PI及PD五种算法
27
2
基于SOA海鸥优化算法的三维曲面最高点搜索matlab仿真
32
3
基于PI控制的三相整流器控制系统的simulink建模与仿真,包含超级电容充电和电机
41
4
MCMS：Star 28.1k,还在为CMS系统发愁？这款开源神器让内容管理变得像搭积木一样简单！
33
5
XJ-Survey：这个让滴滴日均处理1.2亿次问卷请求的开源系统，今天终于公开了它的架构密码！
37
6
CPU can only see the threads
25
7
Java+机器学习基础：打造AI学习基础
40
8
使用 pipx 安装并执行 Python 应用程序 (1)
33
9
国产AI神器Deepseek，本地离线使用教程！
51
10
短视频创作助手 | AI剧本生成与动画创作
149