html如何显示时间

html如何显示时间,第1张

在网页中动态的显示日期时间,一般都是使用js来实现

<html>

    <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获取系统时间等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9672431.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存