<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获取当前时间和一星期钱的时间等内容,都很具有参考价值,希望大家多阅读类似文章,将类似方法熟练掌握。
应为要有交互,选择了Js来实现,也算是结对编程
的初试吧。
我将显示部分用html
写好,点击的按钮触发事件函数是check();
复制代码
代码如下:
function
onCheck(){
var
Year
=
document.getElementById("year").value
//获取文本框的“年”
var
theYear
=Year
*
1
//转换为number类型
//alert(theYear)
//
获取月值
var
month
=
document.getElementById("month")
var
index1=month.selectedIndex
var
theMonth
=
month.options[index1].value
//获取月值
var
day
=
document.getElementById("day")
var
index2=day.selectedIndex
var
theDay
=
day.options[index2].value
//
输入值判断部分
...
//调用核心函数
days(theYear,theMonth,theDay)
}