用js在网页上显示当前日期和时间,并显示是星期几

JavaScript021

用js在网页上显示当前日期和时间,并显示是星期几,第1张

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显示时间