js 动态时间显示代码

发布时间:2020-08-26编辑:脚本学堂
分享几个动态显示时间的js代码,用js在页面显示动态时间,有需要的朋友参考下。

使用js代码实现动态时间显示,效果如图:
js动态显示时间

页面html body中间放一个: <span id="gettime"></span>  

js代码:
 

复制代码 代码示例:
<script type="text/javascript"> 
    function showtime() { 
        var str = ""; 
        var time = new date(); 
        var temp = time.tolocalestring(); 
        var day = time.getday(); 
        switch (day) { 
            case 1: 
                str = "星期一"; 
                break
            case 2: 
                str = "星期二"; 
                break; 
            case 3: 
                str = "星期三"; 
                break; 
            case 4: 
                str = "星期四"; 
                break; 
            case 5: 
                str = "星期五"; 
                break; 
            case 6: 
                str = "星期六"; 
                break; 
            case 0: 
                str = "星期天"; 
                break; 
        } 
 
        document.getelementbyid("gettime").innerhtml = temp + "   " + str; 
        settimeout(showtime, 1000); 
    } 
    onload = showtime; 
</script> 

js显示动态时间

js显示时间
date对象的方法
date 对象能够使你获得相对于国际标准时间(格林威治标准时间,现在被称为 utc-universal coordinated time)或者是 flash 播放器正运行的操作系统的时间和日期。要使用date对象的方法,你就必须先创建一个date对象的实体(instance)。

  date 对象必须使用 flash 5 或以后版本的播放器。

  date 对象的方法并不是静态的,但是在使用时却可以应用于所指定的单独实体。

  date 对象的方法简介:

  ·getdate      | 根据本地时间获取当前日期(本月的几号)
  ·getday       | 根据本地时间获取今天是星期几(0-sunday,1-monday...)
  ·getfullyear    | 根据本地时间获取当前年份(四位数字)
  ·gethours      | 根据本地时间获取当前小时数(24小时制,0-23)
  ·getmilliseconds  | 根据本地时间获取当前毫秒数
  ·getminutes     | 根据本地时间获取当前分钟数
  ·getmonth      | 根据本地时间获取当前月份(注意从0开始:0-jan,1-feb...)
  ·getseconds     | 根据本地时间获取当前秒数
  ·gettime      | 获取utc格式的从1970.1.1 0:00以来的毫秒数
  ·gettimezoneoffset | 获取当前时间和utc格式的偏移值(以分钟为单位)
  ·getutcdate     | 获取utc格式的当前日期(本月的几号)
  ·getutcday     | 获取utc格式的今天是星期几(0-sunday,1-monday...)
  ·getutcfullyear   | 获取utc格式的当前年份(四位数字)
  ·getutchours    | 获取utc格式的当前小时数(24小时制,0-23)
  ·getutcmilliseconds | 获取utc格式的当前毫秒数
  ·getutcminutes   | 获取utc格式的当前分钟数
  ·getutcmonth    | 获取utc格式的当前月份(注意从0开始:0-jan,1-feb...)
  ·getutcseconds   | 获取utc格式的当前秒数
  ·getyear      | 根据本地时间获取当前缩写年份(当前年份减去1900)
  ·setdate      | 设置当前日期(本月的几号)
  ·setfullyear    | 设置当前年份(四位数字)
  ·sethours      | 设置当前小时数(24小时制,0-23)
  ·setmilliseconds  | 设置当前毫秒数
  ·setminutes     | 设置当前分钟数
  ·setmonth      | 设置当前月份(注意从0开始:0-jan,1-feb...)


  ·setseconds     | 设置当前秒数
  ·settime      | 设置utc格式的从1970.1.1 0:00以来的毫秒数
  ·setutcdate     | 设置utc格式的当前日期(本月的几号)
  ·setutcfullyear   | 设置utc格式的当前年份(四位数字)
  ·setutchours    | 设置utc格式的当前小时数(24小时制,0-23)
  ·setutcmilliseconds | 设置utc格式的当前毫秒数
  ·setutcminutes   | 设置utc格式的当前分钟数
  ·setutcmonth    | 设置utc格式的当前月份(注意从0开始:0-jan,1-feb...)
  ·setutcseconds   | 设置utc格式的当前秒数
  ·setyear      | 设置当前缩写年份(当前年份减去1900)
  ·tostring      | 将日期时间值转换成"日期/时间"形式的字符串值
  ·date.utc      | 返回指定的utc格式日期时间的固定时间值
 
以下:
页面js  直接得到系统动态时间 (脚本学堂 www.jb200.com 编辑整理)
 

复制代码 代码示例:
<script type="text/javascript">  
function showlocale(objd)  
    {  
        var str,colorhead,colorfoot;  
        var yy = objd.getyear();  
            if(yy<1900) yy = yy+1900;  
        var mm = objd.getmonth()+1;  
            if(mm<10) mm = '0' + mm;  
        var dd = objd.getdate();  
            if(dd<10) dd = '0' + dd;  
        var hh = objd.gethours();  
            if(hh<10) hh = '0' + hh;  
        var mm = objd.getminutes();  
            if(mm<10) mm = '0' + mm;  
        var ss = objd.getseconds();  
            if(ss<10) ss = '0' + ss;  
        var ww = objd.getday();  
            if ( ww==0 ) colorhead="<font color="#ff0000">";  
            if ( ww > 0 && ww < 6 ) colorhead="<font color="#373737">";  
            if ( ww==6 ) colorhead="<font color="#008000">";  
            if (ww==0) ww="星期日";  
            if (ww==1) ww="星期一";  
            if (ww==2) ww="星期二";  
            if (ww==3) ww="星期三";  
            if (ww==4) ww="星期四";  
            if (ww==5) ww="星期五";  
            if (ww==6) ww="星期六";  
            colorfoot="</font>" 
                str = colorhead + yy + "年" + mm + "月" + dd + "日" + hh + ":" + mm + ":" + ss + " " + ww + colorfoot;  
            return(str);  
    }  
function tick()  
    {  
        var today;  
        today = new date();  
        document.getelementbyid("localtime").innerhtml = showlocale(today);  
        window.settimeout("tick()", 1000);  
    }  
    tick();  
</script> 
<body>  
<span id=localtime></span>    
</body> 

js动态时间代码
 

复制代码 代码示例:
<script language=javascript>
<!--
function showtime()
{
today=new date();
var year=today.getyear();
var month=today.getmonth()+1;
var day=today.getdate();
var hours = today.gethours();
var minutes = today.getminutes();
var seconds = today.getseconds();
var timevalue= hours;//((hours >12) ? hours -12 :hours);
timevalue += ((minutes < 10) ? ":0" : ":") + minutes+"";
//timevalue += (hours >= 12) ? "pm" : "am";
timevalue+=((seconds < 10) ? ":0" : ":") + seconds+"";
var timetext=year+"-"+month+"-"+day+" "+timevalue
//document.write("<span  onclick="document.getelementbyid('time').value='"+timetext+"'">"+timetext+"</span>");
document.getelementbyid("liveclock").innertext = timetext; //div的html是now这个字符串
settimeout("showtime()",1000); //设置过1000毫秒就是1秒,调用showtime方法
}
 
-->
</script>
<script language="javascript">
window.onload=function(){
showtime();
}
</script>
当前时间:<span id="liveclock"></span>