js实现在页面实时显示时间，一个按钮控制时间暂停和开始

js实现在html实时显示时间，一个按钮控制时间暂停和开始.代码如下：

<head><meta charset="UTF-8"><title></title>
</head>
<style>#main {width: 500px;height: 250px;margin: 20px auto;border: 1px solid #000000;}#the_button {width: 200px;margin: 10px auto;}label {display: inline-block;float: left;margin-right: 10px;width: 150px;text-align: right;}
</style><body><div id="main"><label>当前的时间是:</label><input type="text" id="text_1" readonly/><br /><div id="the_button"><input type="button" id="time_button" value="暂停" onclick="controlTime()" /></div></div>
</body>
<script>/** 获取时间*/var myClock = setInterval("nowTime()",1000);function nowTime(){var date = new Date();var year = date.getFullYear();var month = date.getMonth() + 1;var day = date.getDate();var hour = date.getHours();var min = date.getMinutes();var s = date.getSeconds();month = check(month);day = check(day);hour = check(hour);min = check(min);s = check(s);var timeStr = year + "-" + month + "-" + day + " " + hour + ":" + min + ":" + s; document.getElementById("text_1").value = timeStr;}/**添加0*/function check(i){if( i < 10){i = "0" + i;}return i;}/**一个按钮实现开始和暂停功能*/function controlTime(){   var btnValue = document.getElementById("time_button").value;if(btnValue == "暂停"){window.clearInterval(myClock);document.getElementById("time_button").value = "开始";}if(btnValue == "开始"){window.setInterval("nowTime()",1000);document.getElementById("time_button").value = "暂停";}}</script>

js实现在页面实时显示时间，一个按钮控制时间暂停和开始相关推荐

【响应式Web前端设计】在html页面实时显示系统时间
在html页面实时显示系统时间桌面新建记事本,将下列代码复制粘贴,重命名后缀为.html,保存,用浏览器打开即可 <html> <head><meta http-equ ...
在html页面实时显示系统时间
在html页面实时显示系统时间桌面新建记事本,将下列代码复制粘贴,重命名后缀为.html,保存,用浏览器打开即可 <html> <head><meta http-equ ...
html+显示在线时间,在html页面实时显示系统时间
原创散场前的温柔最后发布于2018-11-05 13:24:58 阅读数 16005 收藏展开在html页面实时显示系统时间桌面新建记事本,将下列代码复制粘贴,重命名后缀为.html,保存, ...
怎么在html显示已登录状态,jQuery Ajax 实现在html页面实时显示用户登录状态
当网站是全静态的html页面时,而又希望网站会员在登录之后并在所有页面头部显示登录状态,如用户名等,如果未登录就是未登录状态,下面给大家来分享实现的方法. 一.在html静态页面中加入div,并指定I ...
flash一个按钮控制动画_PLC三组灯用一个按钮控制
今天作一个PLC小练习用一个按钮控制三组或三个灯,以达到控制灯的亮度,由PLC组成一个控制器,每按一次按钮增加一组灯亮,三组灯全亮后,每按一次按钮,灭一组灯(为了使每组灯亮的时间尽量相等,要求先亮的 ...
一个按钮控制灯的开关
一个按钮控制灯的开关可以通过Simulator进行模拟展示
网页的一个页面中显示另一个页面
1.定义内联框架:HTML内联框架是为了实现在网页中显示网页,突出了内联二字,就是在一个网页中,我们能够控制在这个网页中用多大的框去显示另外一个网页,并且能通过CSS对其进行控制. 2.两种应用场景 ...
给页面字段中添加一个按钮，点击按钮实现弹窗效果
页面效果: 点击按钮后弹窗效果: 点击左上角搜索框效果: 页面实现代码首先配置一个入住房间字段 <field><header>入住房间</header><d ...
winform按钮切换页面_C#如何通过一个按钮实现窗体界面的中英文切换？
C#如何通过一个按钮实现窗体界面的中英文切换? 2020 - 8 - 17 TAG : 一.窗体的国际化解决方案新建一个WinForm解决方案后,选择主窗体,右击查看属性,找到Localizable属 ...

js实现在页面实时显示时间，一个按钮控制时间暂停和开始

js实现在页面实时显示时间，一个按钮控制时间暂停和开始相关推荐

最新文章

热门文章