html获取系统时间

html获取系统时间,第1张

用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>

在网页中动态的显示日期时间,一般都是使用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>

<script language="javascript" type="text/javascript">

var enabled = 0; today = new Date();

var day; var date;

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 = "星期六 "

documentfgColor = " FF0072";

date1 =(todaygetMonth() + 1 ) + "月" + todaygetDate() + "日 " ;

date2 = day ;

documentwrite(date1fontsize(2));

documentwrite(date2fontsize(2));

documentwrite("<span id='clock'></span>");

var now,hours,minutes,seconds,timeValue;

function showtime(){

now = new Date();

hours = nowgetHours();

minutes = nowgetMinutes();

seconds = nowgetSeconds();

timeValue = (hours >= 12) " " : " ";

timeValue += hours+ ":";

timeValue += ((minutes < 10) "0" : "") + minutes + ":";

不知道你要的时间段是怎么分的,那我就根据我划分的时间段:

<head>

<meta >

以上就是关于html获取系统时间全部的内容,包括:html获取系统时间、html如何显示时间、如何在html网站上显示时间等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9314299.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存