通过Js来获得当前时间

Js代码如下：

	<script type="text/javascript">
	function startTime()
	{
			var time=new Date()  //定义日期对象
			var h=time.getHours() //返回小时
			var m=time.getMinutes() // 返回分钟
			var s=time.getSeconds() //返回秒
		m=checkTime(m) //调用方法
		s=checkTime(s) //调用方法
		document.getElementById('time').innerHTML="现在的时间是"+h+":"+m+":"+s  //输出现在的时间
		t=setTimeout('startTime()',500)   //每过0.05秒自动调用
	}

	function checkTime(i)    //定义一个方法,如果小于10就会在前面加上'0'
	{
		if (i<10) 
		  {
			 i="0" + i
			}
		return i  //返回值
	}
	</script>

在startTime函数方法中我首先是定义了一个日期对象
在通过调用getHours函数来获取它当前小时数
getMinutes函数就获取它当前分钟数
getSeconds函数可以获取它当前秒数
在Dete()对象中还有另的内置函数：
比如：
time.getFullYear(); 可以获取完整的年份（4位）
time.getDate(); 可以获取当前日(1-31) time.getDay(); 可以获取当前星期X(0-6,0代表星期天)

在startTimeout函数方法中我是使用innerHTML来直接输出我们当前时间的，当然也有别的方法

document.getElementById('time').innerHTML="现在的时间是"+h+":"+m+":"+s  //输出现在的时间

在startTimout函数方法的最后，我加入了js计时器，为了让函数每0.05秒自己调用自己来更新时间

t=setTimeout('startTime()',500)   //每过0.05秒自动调用

调用了starTimeout函数之后我们也可以用setTimeout函数来停止
用一个实例来表示计时器代码如下：

<html>
<head>
<script>
var time=0
var t

function timedCount()
 {
 document.getElementById('txt').value=c
 time = time+1
 t=setTimeout("timedCount()",1000)
 }

function stopCount()
 {
 clearTimeout(t)
 }
</script>
</head>

<body>
<form>
	<input type="button" value="开始" onClick="timedCount()">
	<input type="text" id="txt">
	<input type="button" value="暂停!" onClick="stopCount()">
</form>
</body>

</html>

效果如图：
在这里插入图片描述
当我们开始点击开始按钮时它会开始计时，而我们点击暂停时，计时器就会停止
虽然代码简单，但是它的用途广泛，在大部分的网站可以看到相似功能

通过Js来获得当前时间

通过Js来获得当前时间

猜你喜欢