JS实现钟表计时。

最新推荐文章于 2023-12-04 16:55:42 发布

笨-大叔

最新推荐文章于 2023-12-04 16:55:42 发布

阅读量966

点赞数

分类专栏： JS 文章标签： web前端开发脚本 js javascript 对象

本文链接：https://blog.csdn.net/u014703834/article/details/35992549

版权

JS 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

毕业两个多月，忽然发现学习时间是这么的珍贵。也忽然明白，大学需要做的，不是学会海量的知识，需要做的仅仅是学会一种适合自己的学习方式。距离上次发文已经有一个星期，想想这真的是中悲剧。

经常会看到网站上有关于时间的显示，那么今天，自己就写一个简单的时钟。代码很简单，思想也很简单，创建Date对象，然后调用其下属的方法，得到返回值，就OK了。同时也值得题一下的是setTimeout()方法。其用法是，setTimeout(表达式，时间)。时间以毫秒为单位，表示多长时间执行一次这个表达式。

下面是菜鸟代码，希望路过的大神不要嘲笑，也真诚的希望您能指点一二。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>时间</title>
<script type="text/javascript">
	function trartTime(){
		var today =new Date();//创建对象
		var h = today.getHours();//获取时
		var m = today.getMinutes();//获取分
		var s = today.getSeconds();//获取秒
		m = checkTime(m);//调用自己写的checkTime()方法进行数值转换，
		s = checkTime(s);
		document.getElementById('txt').innerHTML=h+":"+m+":"+s;//输出语句
		setTimeout('trartTime()',1000);//等价于window.setTimeout(startTime,1000);注意两者的差别，“()”是关键！
	}
	function checkTime(n){//输出方法，设置，如果这个数字小于10，那么在前面加入0，同时，这个数字也变成了字符串、
		if(n<10){
			n="0"+n;
			}
		return n;
	}
</script>
</head>

<body>
<p  id="txt"><script>window.οnlοad=trartTime();</script></p>
</body>
</html>

笨-大叔

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS实现钟表计时。

毕业一个多月，忽然发现学习时间是这么的珍贵。也忽然明白，大学需要做的，仅仅是学会一种适合自己的学习方式。距离上次发文已经有一个星期，想想这真的是中悲剧。经常会看到网站上有关于时间的显示，那么今天，自己就写一个简单的时钟。代码很简单，思想也很简单，创建Date对象，然后调用其方法，得到返回值，就OK了。下面是菜鸟代码，希望路过的大神不要嘲笑，也真诚的希望您能指点一二。
复制链接

扫一扫