文档章节

实现页面时钟

肖晓恩
 肖晓恩
发布于 2017/05/03 22:41
字数 184
阅读 10
收藏 0
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<input type="text" size="30" id="one" /><br/>
	<input type="button" id ="two" value="开始" onclick="fun1();" />
	<input type="button" id ="three" value="结束" onclick="fun2();" />

</body>
</html>
<script type="text/javascript">
var ID;
//使用setTImeout 实现页面时钟
	function fun1(){
		if(!ID){
			getTime();
		}
		
	}
	
	function getTime(){
		//1  获得input输入框
		var one = document.getElementById("one");
		//2 创建出当前时间的Date对象
		var date = new Date;
		//3 将时间添加到input中.
		one.value = date.toLocaleString();
		//4 ID = 调用自己setTimeout(getTime,1000)
		ID = setTimeout(getTime,1000);
	}
	function fun2(){
		clearTimeout(ID);
		ID= undefined;
	}
	
	
</script>

© 著作权归作者所有

共有 人打赏支持
肖晓恩
粉丝 0
博文 1
码字总数 184
作品 0
吉安
程序员
18 行 JS 代码编一个倒时器

有时候在生活中,你需要一个JavaScript倒计时时钟,而不是一个末日装置设备。不管你是否有一次约会,销售、促销、或者游戏,你可以受益于使用原生JavaScript构建一个时钟,而不是拿到一个现成...

呵呵闯
2016/08/04
39
0
如何监测一个div的高度变化?

左右两栏,想让两栏的高度是时钟相等! 用户在页面上进行操作(无刷新),在其中一栏高度变化的时候另一栏也跟着变化,用js要怎么实现?

田小亮
2012/03/06
1K
2
系统性能指标查看方法-Linux

一、监控CPU使用率 1、 Linux提供了监控CPU使用率的命令行工具,可以保留文本形式的CPU使用率运行历史和日志。常用的命令有:vmstat、mpstat、top等等,下面只是top命令的一个截图,其他的命...

K_ONE
2016/11/26
186
0
js阻止表单提交的两种方法

name: ~~~ clock.html是一个时钟页面。 第一

wbf961127
2017/11/12
0
0
操作系统内核子系统的协调工作

第一部分、内务子系统 操 作系统内核的管理功能以及执行最终也要归于cpu的执行流,因此最简单的设计就是将内核的内务也设计成进程,但是对于一些特别的内务这个办法就不适用了,因为这些内务...

晨曦之光
2012/04/10
181
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

kernel version does not match DSO version

错误信息: kernel version 384.11 does not match DSO version 384.130.0 原因是: cuda driver版本太低,不匹配DSO 简单有效的修复方法,升级nvidia driver, 步骤如下: 1. google seach ...

刘小米
今天
0
0
maven坐标和依赖

一、maven坐标详解 <groupId>com.fgt.club</groupId><artifactId>club-common-service-facade</artifactId><version>3.0.0</version><packaging>jar</packaging> maven的坐标元素说......

老韭菜
今天
1
0
springmvc-servlet.xml配置表功能解释

问:<?xml version="1.0" encoding="UTF-8" ?> 答: xml version="1.0"表示是此xml文件的版本是1.0 encoding="UTF-8"表示此文件的编码方式是UTF-8 问:<!DOCTYPE beans PUBLIC "-//SPRING//......

隐士族隐逸
今天
1
0
基于TP5的微信的公众号获取登录用户信息

之前讲过微信的公众号自动登录的菜单配置,这次记录一下在TP5项目中获取自动登录的用户信息并存到数据库的操作 基本的流程为:微信设置自动登录的菜单—>访问的URL指定的函数里获取用户信息—...

月夜中徘徊
今天
0
0
youTrack

package jetbrains.teamsys.license.runtime; 计算lis package jetbrains.ring.license.reader; 验证lis 安装后先不要生成lis,要把相关文件进行替换 ring-license-checker-1.0.41.jar char......

max佩恩
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部