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

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了用js在网页上显示当前日期和时间,并显示是星期几相关的知识，希望对你有一定的参考价值。

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

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

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

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

 参考技术A var date = new Date();
var weekDay = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
var week = weekDay[date.getDay()];
alert(year+","+month+","+day+","+week) 参考技术B <div id="a"></div>

<script>
Number.prototype.getWeekName = function()
switch(parseInt(this))
case 0:
return "周日";
case 1:
return "周一";
case 2:
return "周二";
case 3:
return "周三";
case 4:
return "周四";
case 5:
return "周五";
case 6:
return "周六";
default:
return "unknow";



var x = setInterval(function()
var d = new Date();
document.getElementById("a").innerText = 
d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate() + " " + d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds() + ", " + d.getDay().getWeekName();
, 1000);
</script>

 参考技术C <html>
<HEAD>
<TITLE>我的第一个页面</TITLE>
<script type="text/javascript">
function showTime()

var time = new Date();
var year=time.getFullYear();
var month=time.getMonth()+1;
if(month<10)

month="0"+month;

var day=time.getDate();
if(day<10)

day="0"+day;

var hour=time.getHours();
if(hour<10)

hour="0"+hour;

var minute=time.getMinutes();
if(minute<10)

minute="0"+minute;

var second=time.getSeconds();
if(second<10)

second="0"+second;

var wd= time.getDay();
switch(wd)

case 0:
wd="星期日";
break;
case 1:
wd="星期一";
break;
case 2:
wd="星期二";
break;
case 3:
wd="星期三";
break;
case 4:
wd="星期四";
break;
case 5:
wd="星期五";
break;
case 6:
wd="星期六";
break;

document.timeform.timearea.value= year+"年"+month+"月"+day+"日"+" "+wd+" "+hour+":"+ minute+":"+second;
setTimeout("showTime()",1000);

</script>
<style type="text/css">
<!--
.STYLE1
font-size: 36px;
color:#FF0000

</style>
</HEAD>
<BODY onLoad="showTime()">
<form name="timeform" method="POST" action="">
<table width="100%">
<tr>
<td colspan="2">
<p align="right">
<span class="STYLE1" align="right">现在时间是:</span> </td>
<td colspan="2">
<input name="timearea" type="text" size="30" align="middle" style="background-color:#ffffff;border:none;font-size:36px;color:#663333" readonly="readonly"></td>
</tr>
</table>
</form>
</BODY>
</HTML> 参考技术D <script>
var mydate = new Date();
document.writeln("Year："+mydate.getFullYear()+'<br>');
document.writeln("Month："+(mydate.getMonth()+1)+'<br>');
document.writeln("Date："+mydate.getDate()+'<br>');
document.writeln("Hours："+mydate.getHours()+'<br>');
document.writeln("Minutes："+mydate.getMinutes()+'<br>');
document.writeln("Seconds："+mydate.getSeconds()+'<br>');
//星期几转成大写的
var weekDay = new Array('日','一','二','三','四','五','六');
var a = mydate.getDay()
document.writeln("WeekDay："+weekDay[a]+'<br>');

// var str = "日一二三四五六".charAt(mydate.getDay());
// document.writeln("星期:" +str);

</script>

静态网页中显示当前日期的代码怎么写

要求可以显示当前的日期和星期，最好还可以显示农历

参考技术A 实用js代码： < SCRIPT LANGUAGE="JAVASCRIPT"> < !－－ var today=new Date; var week=new Array(7); week[0]="天"; week[1]="一"; week[2]="二"; week[3]="三"; week[4]="四"; week[5]="五"; week[6]="六"; document.write("今天"＋today.getYear()＋"年"＋(today.getMonth()＋1)＋"月"＋today.getDate()＋"日;星期"＋week[today.getDay()]); //－－>< /SCRIPT> 要提醒： 1、要注意月份的表示，getMonth()得到的是0－11；0表示一月，1表示二月依此类推，所以我们要显示月份要先加1。 2、另外，Java对两千年问题也已作了考虑，当小于2000年时Java显示两位数字如1998年显示98，当大于2000年时，显示四位数字。避免了出现两千年问题 参考技术B 静态网页是显示不出来的 这需要asp环境下才能运行
求采纳本回答被提问者采纳

以上是关于用js在网页上显示当前日期和时间,并显示是星期几的主要内容，如果未能解决你的问题，请参考以下文章

iphone下拉菜单怎么添加日历显示日期和星期？

求JS计算日期代码（在网页直接显示）！！！

静态网页中显示当前日期的代码怎么写

用javascript语言获得当前计算机的日期时间，并显示在网页上

日期格式化 在网页上显示当前日期

js如何获取时间