codecamp

用javascript 显示时间日期

javascript时间函数 

javascript提供了Date对象来进行时间和日期的计算。 

Date对象有多种构造函数: 

new Date() //当前时间 
new Date(milliseconds) //距离起始时间1970年1月1日的毫秒数 
new Date(datestring) //字符串代表的日期与时间。此字符串可以使用Date.parse()转换,比如"Jannuary 1, 1998 20:13:15" 
new Date(year, month, day, hours, minutes, seconds, microseconds) //时间数值,可以不用全部写,不写则默认为0 


使用时先创建一个Date对象,比如: 
dateObj=new Date(); 

然后调用函数,比如 
year=dateObj.getFullYear();//获得年份值 


下面是函数列表。 

获取类函数: 
getDate() 函数 -- 返回天数(1-31) 
getDay()函数 -- 返回星期数(0-6) 
getFullYear() 函数 -- 返回四位数年份 
getHours()函数 -- 返回小时数(0-23) 
getMilliseconds() 函数 -- 返回毫秒数(0-999) 
getMinutes() 函数 -- 返回分钟数(0-59) 
getMonth() 函数 -- 返回月份数(0-11) 
getSeconds() 函数 -- 返回的秒数(0-59) 
getTime() 函数 -- 返回时间戳表示法(毫秒表示) 
getYear() 函数 -- 返回年份(真实年份减去1900) 


设置类函数: 
(以下函数均返回date对象距1970年1月1日午夜之间的毫秒数) 
setDate() 函数 -- 设置月份的一天 
setFullYear() 函数 -- 设置的年份,月份和天 
setHours() 函数 -- 设置小时,分钟,秒和毫秒 
setMilliseconds() 函数 -- 设置毫秒数 
setMinutes() 函数 -- 设置分钟,秒,毫秒 
setMonth() 函数 -- 设置月份,天 
setSeconds() 函数 -- 设置月份的一天 
setTime() 函数 -- 使用毫秒数设置date对象 
setYear() 函数 -- 设置年份(真实年份减去1900) 


转化显示类函数: 
toLocalString() 函数 -- 返回本地化字符串表示 
toLocaleDateString函数 -- 返回日期部分的本地化字符串 
toLocaleTimeString函数 -- 返回时间部分的本地化字符串 

相对于local输出,还有: 

toString() 
toDateString() 
toTimeString() 

区别在于前者是根据不同的机器有不同的当地语言格式,后者是内部表示格式 


日期解析类函数 
Date.parse() 函数 -- 解析一个日期的字符串,并返回该日期距1970年1月1日午夜之间的毫秒数 


javascript显示时间实例


<html> 
<head> 
<script type="text/javascript"> 
function startTime() 

var today=new Date() 
var h=today.getHours() 
var m=today.getMinutes() 
var s=today.getSeconds() 
// 当数字是小于10的就要在前面加0.看起来规范 
m=checkTime(m) 
s=checkTime(s) 
document.getElementById('txt').innerHTML=h+":"+m+":"+s 
t=setTimeout('startTime()',1000) 

function checkTime(i) 

if (i<10) 
{i="0" + i} 
return i 

</script> 
</head> 
<body onload="startTime()"> 
<div id="txt"></div> 
</body> 
</html> 


JavaScript显示系统时间带日期

JavaScript显示系统时间,显示年月日时分秒和星期,每秒自动刷新,并加入日期颜色区别: 
星期一至星期五显示为黑色 
星期六显示为绿色 
星期日显示为红色 

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>JavaScript 时间显示</title> 
</head> 
<body> 
<span id=localtime></span> 
<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> 
</html> 


javascript实时显示当天日期的方法


代码如下:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js显示时间</title>
</head>
<body>
<div id="divBottom"></div>
<script type="text/javascript">
//获取当天日期
function date()
{
  var date=new Date();
  var year=date.getFullYear();
  var month=date.getMonth()+1;
  var day=date.getDate();
  var hour="00"+date.getHours();
    hour=hour.substr(hour.length-2);
  var minute="00"+date.getMinutes();
    minute=minute.substr(minute.length-2);
  var second="00"+date.getSeconds();
    second=second.substr(second.length-2);
  var week=date.getDay();
  switch(week)
  {
    case 1:week="星期一 ";break;
    case 2:week="星期二 ";break;
    case 3:week="星期三 ";break;
    case 4:week="星期四 ";break;
    case 5:week="星期五 ";break;
    case 6:week="星期六 ";break;
    case 0:week="星期日 ";break;
    default:week="";break;
  }
  document.getElementById("divBottom").innerHTML=year+"年"+month+"月"+day+"日"+" "+hour+":"+minute+":"+second+" "+week;
}
setInterval("date()",1000);
</script>
</body>
</html>


运行效果如下图所示:



js显示当前系统时间的代码


js获取当前系统时间


代码如下:

    var myDate = new Date();  
    myDate.getYear();        //获取当前年份(2位)  
    myDate.getFullYear();    //获取完整的年份(4位,1970-????)  
    myDate.getMonth();       //获取当前月份(0-11,0代表1月)  
    myDate.getDate();        //获取当前日(1-31)  
    myDate.getDay();         //获取当前星期X(0-6,0代表星期天)  
    myDate.getTime();        //获取当前时间(从1970.1.1开始的毫秒数)  
    myDate.getHours();       //获取当前小时数(0-23)  
    myDate.getMinutes();     //获取当前分钟数(0-59)  
    myDate.getSeconds();     //获取当前秒数(0-59)  
    myDate.getMilliseconds();    //获取当前毫秒数(0-999)  
    myDate.toLocaleDateString();     //获取当前日期  
    var mytime=myDate.toLocaleTimeString();     //获取当前时间  
    myDate.toLocaleString( );        //获取日期与时间  


js显示当前系统时间的代码


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>系统时间</title>
<script language="javascript" type="text/javascript">
<!--
//获得当前时间,刻度为一千分一秒
var initializationTime=(new Date()).getTime();
function showLeftTime()
{
var now=new Date();
var year=now.getYear();
var month=now.getMonth();
var day=now.getDate();
var hours=now.getHours();
var minutes=now.getMinutes();
var seconds=now.getSeconds();
document.all.show.innerHTML=""+year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds+"";
//一秒刷新一次显示时间
var timeID=setTimeout(showLeftTime,1000);
}
//-->
</script>
</head>
<body onload="showLeftTime()">
<label id="show">显示时间的位置</label>


</body>
</html>



javascript刷新当前页面方法
javascript经典小游戏
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }