1、要获得当前时间,我们可以使用Date方法,new一个Date对象。
2、然后调用这个对象的toLocaleTimeString方法,来获取具体的时间
3、最后使用alert方法来弹出结果,来验证一下是否正确
4、运行页面,点击按钮,可以看到弹出一个确认框里,里面显示的时间就是当前时间了。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html charset=gbk">
<title>Untitled Document</title>
<script>
//-------------可以把以下内容写进外部js文件中------------
window.onload=getTime //网页加载完就调用getTime()方法
function getTime(){
var today=new Date() //获取当前系统时间
var hours=today.getHours() //获取小时
var minutes=today.getMinutes() //获取分
var seconds=today.getSeconds() //获取秒
if(minutes<10){ //分小于10就在前面补0
minutes="0"+minutes
}
if(seconds<10){ //秒小于10就在前面补0
seconds="0"+seconds
}
//把时分秒拼起来得到时间
var time =hours+":"+minutes+":"+seconds
//把时间显示在div上,您自己可以放在网页任何位置,反正时间就是time
document.getElementById("div").innerHTML=time
//每隔一秒更新一次时间
setTimeout("getTime()",1000)
}
//-------------可以把以上内容写进外部js文件中------------
</script>
</head>
<body>
<div id="div"></div>
</body>
</html>
代码已经贴上,希望对您有帮助
$(function(){function getTime(){
var date=new Date()
var time=date.getHours()+":"+date.getMinutes()+":"+date.getSeconds()
$('div').html(time)
}
setInterval(getTime, 1000)
})
页面中放一个div显示时间