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

JavaScript026

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

1、要获得当前时间,我们可以使用Date方法,new一个Date对象。

2、然后调用这个对象的toLocaleTimeString方法,来获取具体的时间

3、最后使用alert方法来弹出结果,来验证一下是否正确

4、运行页面,点击按钮,可以看到弹出一个确认框里,里面显示的时间就是当前时间了。

1.首先,下载谷歌浏览器,

2.下载完成后打开谷歌浏览器,然后按【F12】打开谷歌浏览器控制台(在浏览器方),然后点击【Console】切换到调试窗口

3.然后开始输入代码,首先定义一个变量名字为test,代码如下:

var test =new Date()

这句代码的意思就是把日期对象赋值给test,这个变量的名字可以任意取,在这里就以test为例了,然后按回车键,也就是【Enter】键

4.敲回车后出现了一个undefined,这是因为z这只是赋值,没有任何输出,所以系统默认打印的信息,接下来,操作test这个变量了,这里面保存的就是当前日期,看一下代码

输入

test.getFullYear()

然后回车,结果就是当前时间的年份

5.还可以调用其他函数,来获取当前日期的月份、日、小时、分钟、秒,代码如下:

test.getMonth();

test.getDate();

test.getHours();

test.getMinutes();

test.getSeconds();

JavaScript获取当前日期时间同时显示星期几,具体代码如下:

<html>

<head>

<meta

http-equiv="Content-Type"

content="text/html

charset=utf-8"

/>

<script

type="text/javascript"

src="/jquery/1.7.0/jquery.min.js"></script>

<script

type="text/javascript">

function

currentTime(){

var

d=new

Date(),str=''

str+=d.getFullYear()+'年'

str+=d.getMonth()

+

1+'月'

str+=d.getDate()+'日'

str+=d.getHours()+'时'

str+=d.getMinutes()+'分'

str+=

d.getSeconds()+'秒'

return

str

}

setInterval(function(){$('#time').html(currentTime)},1000)

</script>

</head>

<body>

<div

id="time"></div>

</body>

</html>

在网页上及时动态显示当前的日期时间并显示星期的做法:

function

showTime(){

var

show_day=new

Array('星期一','星期二','星期三','星期四','星期五','星期六','星期日')

var

time=new

Date()

var

year=time.getYear()

var

month=time.getMonth()

var

date=time.getDate()

var

day=time.getDay()

var

hour=time.getHours()

var

minutes=time.getMinutes()

var

second=time.getSeconds()

month<10?month='0'+month:month

month=month+1

hour<10?hour='0'+hour:hour

minutes<10?minutes='0'+minutes:minutes

second<10?second='0'+second:second

var

now_time='当前时间:'+year+'年'+month+'月'+date+'日'+'

'+show_day[day-1]+'

'+hour+':'+minutes+':'+second

document.getElementById('showtime').innerHTML=now_time

setTimeout("showTime()",1000)

}

关于这方面的内容网上很多,有js获取当前日期时间同时显示星期,js获取当前时间和一星期钱的时间等内容,都很具有参考价值,希望大家多阅读类似文章,将类似方法熟练掌握。