JS之动态显示年月日
来源:互联网 发布:印度英语的特点知乎 编辑:程序博客网 时间:2024/05/24 20:07
同样的效果
一种是html+js形式
动态显示时间.html
<html>
<head>
<script src="c.js"></script>
</head>
<body onload="get_time(timetable)" bgcolor="#CCFFFF">
<div id="timetable" align="center"></div>
</body>
</html>
c.js
function get_time(timetable)
{
var date=new Date();
var year="",month="",day="",week="",hour="",minute="",second="";
year=date.getYear();
month=add_zero(date.getMonth()+1);
day=add_zero(date.getDate());
week=date.getDay();
switch (date.getDay()) {
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(date.getHours());
minute=add_zero(date.getMinutes());
second=add_zero(date.getSeconds());
timetable.innerText=" "+year+"."+month+"."+day+" "+hour+":"+minute+":"+second+val;
setInterval("get_time(timetable)",1000);
}
function add_zero(temp)
{
if(temp<10) return "0"+temp;
else return temp;
}
另一种是纯html形式
动态显示年月日.html
<html>
<head>
<title></title>
<script language="javascript">
function get_time()
{
var date=new Date();
var year="",month="",day="",week="",hour="",minute="",second="";
year=date.getYear();
month=add_zero(date.getMonth()+1);
day=add_zero(date.getDate());
week=date.getDay();
switch (date.getDay()) {
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(date.getHours());
minute=add_zero(date.getMinutes());
second=add_zero(date.getSeconds());
timetable.innerText="" +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>
</head>
<body bgcolor="#CCFFFF">
<div id="timetable" align="center"></div>
</body>
</html>
0 0
- JS之动态显示年月日
- JS动态横排显示年月日
- js显示动态时间年月日时分秒
- JS 动态显示年月日星期时分秒
- js显示动态年月日时分秒
- JS 动态显示年月日星期时分秒
- js动态显示当前年月日星期几时分秒
- js显示当前年月日
- js显示年月日 星期
- JS日期显示年月日周
- js实现显示当前年月日
- js级联显示年月日周代码
- js级联显示年月日周代码
- js实现年月日 当前时间的显示
- 显示年月日
- js年月日
- 使用Jquery动态显示年月日星期时间的代码段
- javascript实现动态显示年月日时分秒星期
- JS之失去焦点事件
- JS之内容改变事件
- JS之表单提交事件
- JS之创建自己的对象
- Java中Error与Exception的区别
- JS之动态显示年月日
- JS之确定提交事件
- (转)使用XMLHTTP获取XML文档并生成XMLDOM
- 通过createElement(),createTextNode),appendChild()方法来显示文字
- (转)document.createDocumentFragment()与js效率
- 创建文档碎片节点createDocumentFragment()并显示
- JS之不断点击按钮来改变层的颜色
- 通过鼠标的移动来实现层的隐藏与显示
- JS之更新层内容测试