<head>
<title>网页中动态的显示系统日期时间</title>
<script language="JavaScript">
function startTime()
{
var today=new Date();//定义日期对象
var yyyy = todaygetFullYear();//通过日期对象的getFullYear()方法返回年
var MM = todaygetMonth()+1;//通过日期对象的getMonth()方法返回年
var dd = todaygetDate();//通过日期对象的getDate()方法返回年
var hh=todaygetHours();//通过日期对象的getHours方法返回小时
var mm=todaygetMinutes();//通过日期对象的getMinutes方法返回分钟
var ss=todaygetSeconds();//通过日期对象的getSeconds方法返回秒
// 如果分钟或小时的值小于10,则在其值前加0,比如如果时间是下午3点20分9秒的话,则显示15:20:09
MM=checkTime(MM);
dd=checkTime(dd);
mm=checkTime(mm);
ss=checkTime(ss);
var day; //用于保存星期(getDay()方法得到星期编号)
if(todaygetDay()==0) day = "星期日 "
if(todaygetDay()==1) day = "星期一 "
if(todaygetDay()==2) day = "星期二 "
if(todaygetDay()==3) day = "星期三 "
if(todaygetDay()==4) day = "星期四 "
if(todaygetDay()==5) day = "星期五 "
if(todaygetDay()==6) day = "星期六 "
documentgetElementById('nowDateTimeSpan')innerHTML=yyyy+"-"+MM +"-"+ dd +" " + hh+":"+mm+":"+ss+" " + day;
setTimeout('startTime()',1000);//每一秒中重新加载startTime()方法
}
function checkTime(i)
{
if (i<10){
i="0" + i;
}
return i;
}
</script>
</head>
<body onload="startTime()">
当前时间:<font color="#33FFFF"><span id="nowDateTimeSpan"></span></font>
</body>
</html>
附上“倒计时”功能代码:
<p id="p">距离2013/01/01年还剩000天0000时0000分0000秒</p><script type="text/javascript">
function setTimer(){
var targetDate = documentgetElementById("target")value;
var taget = new Date(targetDate);
var now = new Date();
var plus = tagetgetTime() - nowgetTime();<!--得到的是毫秒-->
var day = parseInt(plus/1000/60/60/24);
var hour = parseInt(plus/1000/60/60) - day 24;
var minute = parseInt(plus/1000/60) - parseInt(plus/1000/60/60)60;
var second = parseInt(plus/1000) - parseInt(plus/1000/60)60;
documentgetElementById("p")innerHTML = "距离"+targetDate+"还剩" + day + "天" + hour + "时" + minute + "分" + second + "秒";
}
setInterval(setTimer,1000);
</script>
代码如下:
<!doctype html><html>
<head>
<meta charset="utf-8">
<title></title>
<body>
<div class="nowDate">当前时间是:xxxx/xx/xx</div>
<div class="nowDate">当前时间是:xxxx/xx/xx</div>
<div class="nowDate">当前时间是:xxxx/xx/xx</div>
<div class="nowDate">当前时间是:xxxx/xx/xx</div>
</body>
<script>
var divs = documentgetElementsByClassName("nowDate");
for(var i=0;i<divslength;i++){
divs[i]innerText = "当前时间是:"+ getNowFormatDate();
}
//获取当前时间,格式YYYY-MM-DD
function getNowFormatDate() {
var date = new Date();
var seperator1 = "/";
var year = dategetFullYear();
var month = dategetMonth() + 1;
var strDate = dategetDate();
if (month >= 1 && month <= 9) {
month = "0" + month;
}
if (strDate >= 0 && strDate <= 9) {
strDate = "0" + strDate;
}
var currentdate = year + seperator1 + month + seperator1 + strDate;
return currentdate;
}
</script>
</html>
用html语言来获取确实有点难度,这是用JS来做的放在文件里面可以在标题栏显示时间。
<SCRIPT
LANGUAGE="JavaScript">
var
clocktext;
var
pagetitle
=
documenttitle;
function
scroll()
{
today
=
new
Date();
sec
=
todaygetSeconds();
hr
=
todaygetHours();
min
=
todaygetMinutes();
if
(hr
<=
9)
hr
=
"0"
+
hr;
if
(min
<=
9)
min
=
"0"
+
min;
if
(sec
<=
9)
sec
=
"0"
+
sec;
var
clocktext
=
"
现在时间是:
"
+
hr
+
":"
+
min
+
":"
+
sec;
clocktimer
=
setTimeout("scroll()",
1000);
documenttitle
=
pagetitle
+
clocktext;
}
if
(documentall)
scroll();
</script>
<script language="javascript" type="text/javascript">
function getFullStringTime(){
var currentDate = new Date();
var strMinute = currentDategetMinutes()<10("0"+currentDategetMinutes()):currentDategetMinutes();
var strSecond = currentDategetSeconds()<10("0"+currentDategetSeconds()):currentDategetSeconds();
with(document){
write("现在时间是:","<br>");
if(currentDategetDay()==0){
write(currentDategetYear()+1900,"年",currentDategetMonth()+1,"月",currentDategetDate(),"日"," ","星期日"," ",currentDategetHours(),":",strMinute,":",strSecond);
}else{
write(currentDategetYear()+1900,"年",currentDategetMonth()+1,"月",currentDategetDate(),"日"," ","星期日"," ",currentDategetHours(),":",strMinute,":",strSecond);
}
}
}
getFullStringTime();
</script>
<script language="javascript">
function get_time()
{
var date=new Date();
var year="",month="",day="",week="",hour="",minute="",second="";
year=dategetFullYear();
month=add_zero(dategetMonth()+1);
day=add_zero(dategetDate());
week=dategetDay();
switch (dategetDay()) {
case 0:val="周日";break
case 1:val="周一";break
case 2:val="周二";break
case 3:val="周三";break
case 4:val="周四";break
case 5:val="周五";break
case 6:val="周六";break
}
hour=add_zero(dategetHours());
minute=add_zero(dategetMinutes());
second=add_zero(dategetSeconds());
documentgetElementById("timetable")innerHTML=" "+year+"-"+month+"-"+day+" "+hour+":"+minute+":"+second+" "+val;
}
function add_zero(temp)
{
if(temp<10) return "0"+temp;
else return temp;
}
setInterval("get_time()",1000);
</script>
body 部分相应放时间的td或者div添加 id="timetable"
在freemarker中获取当前日期:${now}获取当前日期并比较:<#if holdDatedate gt nowdate></#if>另外,在自己使用的时候,遇到不能做大于等于(>=)或小于等于(<=)这种比较,如果要做等于(==)比较的话,可以这样:<#if (contentholdDate)string("yyyyMMdd") == nowstring("yyyyMMdd")> </#if>string("yyyyMMdd")的作用是把日期数据转成对应格式(yyyyMMdd)的字符串。
以上就是关于html如何显示时间全部的内容,包括:html如何显示时间、在同一个HTML中 多个地方获取当前系统时间怎么做、html获取系统时间等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)