Js动态日期时间显示(简单易学实用版)
2013-11-06 10:05
393 查看
如需转载,请注明出处,谢谢;
功能显示:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<span><script language=JavaScript>
function showTime(){
var enable=0; today=new Date();
var day; var date;
var time_start = new Date();
var seconds=0;
var clock_start = time_start.getTime();
if(today.getDay()==0) day="星期日"
if(today.getDay()==1) day="星期一"
if(today.getDay()==2) day="星期二"
if(today.getDay()==3) day="星期三"
if(today.getDay()==4) day="星期四"
if(today.getDay()==5) day="星期五"
if(today.getDay()==6) day="星期六"
if(today.getSeconds()<10){ seconds="0"+today.getSeconds()}else{ seconds=today.getSeconds()}
date=(today.getFullYear())+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日 "+today.getHours()+"时"+today.getMinutes()+"分"+seconds+"秒"+" "+day;
document.getElementById("liveclock1").innerText = "北京时间:"+date; //div的html是now这个字符串
setTimeout("showTime()",1000); //设置过1000毫秒就是1秒,调用showtime方法
}
</script>
<script language="javascript">
window.onload=function(){
showTime();
}
</script>
</span>
<span id="liveclock1" style="color:blue"></span>
</BODY>
</HTML>
功能显示:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<span><script language=JavaScript>
function showTime(){
var enable=0; today=new Date();
var day; var date;
var time_start = new Date();
var seconds=0;
var clock_start = time_start.getTime();
if(today.getDay()==0) day="星期日"
if(today.getDay()==1) day="星期一"
if(today.getDay()==2) day="星期二"
if(today.getDay()==3) day="星期三"
if(today.getDay()==4) day="星期四"
if(today.getDay()==5) day="星期五"
if(today.getDay()==6) day="星期六"
if(today.getSeconds()<10){ seconds="0"+today.getSeconds()}else{ seconds=today.getSeconds()}
date=(today.getFullYear())+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日 "+today.getHours()+"时"+today.getMinutes()+"分"+seconds+"秒"+" "+day;
document.getElementById("liveclock1").innerText = "北京时间:"+date; //div的html是now这个字符串
setTimeout("showTime()",1000); //设置过1000毫秒就是1秒,调用showtime方法
}
</script>
<script language="javascript">
window.onload=function(){
showTime();
}
</script>
</span>
<span id="liveclock1" style="color:blue"></span>
</BODY>
</HTML>
相关文章推荐
- 兼容所有浏览器的JS动态显示当前日期时间
- js写的简单动态显示系统时间
- js 显示你系统的日期和时间,超级简单
- JS实现日期时间动态显示的方法
- js 日期时间动态显示,星期用星期几来显示
- JS显示动态的日期时间
- 一段简单的使用js在web页面中显示日期时间的代码
- js动态显示当前日期,时间和星期代码
- js动态显示时间和日期
- JS动态显示日期时间
- js动态显示当前日期,时间和星期代码
- js动态显示当前日期,时间和星期代码
- 简单的js动态显示当前时间
- web前端复习(二):js日期操作,实现时间显示和倒计时效果
- 中信-js对象的使用(实现的显示时间动态变化)
- JS实现动态显示当前时间(12/24小时制)
- JS --- 显示当前日期时间和星期几
- js 动态显示时间(setTimeout)
- 自己封装的一个js方法用于获取显示的星期和日期时间
- js动态获取当前系统时间+js字符串转换为date日期对象