html页面显示年月日时分秒和星期几的两种方式


Posted in Javascript onAugust 20, 2013

Js代码

//-----------------------------方式一--------------------------------------------- 
<html> 
<head> 
<script type="text/javascript"> 
function startTime(){ 
var today=new Date(); 
var strDate=(" "+today.getYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日"); 
var n_day=today.getDay(); 
switch(n_day){ 
case 0: 
{strDate=strDate+" 星期日 "}break; 
case 1: 
{strDate=strDate+" 星期一 "}break; 
case 2: 
{strDate=strDate+" 星期二 "}break; 
case 3: 
{strDate=strDate+" 星期三 "}break; 
case 4: 
{strDate=strDate+" 星期四 "}break; 
case 5: 
{strDate=strDate+" 星期五 "}break; 
case 6: 
{strDate=strDate+" 星期六 "}break; 
case 7: 
{strDate=strDate+" 星期日 "}break; 
} 
//增加时分秒 
// add a zero in front of numbers<10 
var h=today.getHours(); 
var m=today.getMinutes(); 
var s=today.getSeconds() 
m=checkTime(m); 
s=checkTime(s); 
strDate=strDate+" "+h+":"+m+":"+s; 
document.getElementById('txt').innerHTML=strDate; 
t=setTimeout('startTime()',500) 
} function checkTime(i){ 
if (i<10) {i="0" + i} 
return i 
} 
</script> 
</head> 
<body onload="startTime()"> 
<div id="txt"></div> 
</body> 
</html> 
//--------------------------------方式二----------------------------------------- 
<td class="date"> 
<script language="JavaScript" type="text/javascript"> 
var today=new Date(); 
var strDate=(" "+today.getYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日"); 
var n_day=today.getDay(); 
switch(n_day){ 
case 0: 
{strDate=strDate+" 星期日 "}break; 
case 1: 
{strDate=strDate+" 星期一 "}break; 
case 2: 
{strDate=strDate+" 星期二 "}break; 
case 3: 
{strDate=strDate+" 星期三 "}break; 
case 4: 
{strDate=strDate+" 星期四 "}break; 
case 5: 
{strDate=strDate+" 星期五 "}break; 
case 6: 
{strDate=strDate+" 星期六 "}break; 
case 7: 
{strDate=strDate+" 星期日 "}break; 
} 
document.write(strDate); 
</script> 
</td>
Javascript 相关文章推荐
JScript中使用ADODB.Stream判断文件编码的代码
Jun 09 Javascript
jquery配合css简单实现返回顶部效果
Sep 30 Javascript
JS对select控件option选项的增删改查示例代码
Oct 21 Javascript
javascript中不等于的代码是什么怎么写
Dec 29 Javascript
使用Javascript简单实现图片无缝滚动
Dec 05 Javascript
JavaScript数据类型详解
Apr 01 Javascript
jQuery右侧选项卡焦点图片轮播特效代码分享
Sep 05 Javascript
jQuery实现指定区域外单击关闭指定层的方法【经典】
Jun 22 Javascript
JS去掉字符串末尾的标点符号及删除最后一个字符的方法
Oct 24 Javascript
深入浅析AngularJs模版与v-bind
Jul 06 Javascript
LayUI switch 开关监听 获取属性值、更改状态的方法
Sep 21 Javascript
如何使用JavaScript检测空闲的浏览器选项卡
May 28 Javascript
网页中可关闭的漂浮窗口实现可自行调节
Aug 20 #Javascript
js判断选择的时间是否大于今天的代码
Aug 20 #Javascript
JQuery获取样式中的background-color颜色值的问题
Aug 20 #Javascript
jQuery制作仿腾讯web qq用户体验桌面
Aug 20 #Javascript
jquery indexOf使用方法
Aug 19 #Javascript
js里取容器大小、定位、距离等属性搜集整理
Aug 19 #Javascript
没有document.getElementByName方法
Aug 19 #Javascript
You might like
冰滴咖啡制作步骤
2021/03/03 冲泡冲煮
php单例模式实现(对象只被创建一次)
2012/12/05 PHP
PHP实现数组递归转义的方法
2014/08/28 PHP
WordPress的主题编写中获取头部模板和底部模板
2015/12/28 PHP
jQuery.buildFragment使用方法及思路分析
2013/01/07 Javascript
jquery实现pager控件示例
2014/04/09 Javascript
JavaScript实现鼠标滑过处生成气泡的方法
2015/05/16 Javascript
使用Raygun对Node.js应用进行错误处理的方法
2015/06/23 Javascript
最丑的时钟效果!js canvas时钟制作方法
2016/08/15 Javascript
JS基于面向对象实现的选项卡效果示例
2016/12/20 Javascript
原生js实现无缝轮播图效果
2017/01/11 Javascript
深入理解vue $refs的基本用法
2017/07/13 Javascript
javascript  删除select中的所有option的实例
2017/09/17 Javascript
Angularjs中date过滤器失效的问题及解决方法
2018/07/06 Javascript
vue 使用html2canvas将DOM转化为图片的方法
2018/09/11 Javascript
小程序中使用css var变量(使js可以动态设置css样式属性)
2020/03/31 Javascript
浅谈js中的attributes和Attribute的用法与区别
2020/07/16 Javascript
vue实现标签云效果的示例
2020/11/09 Javascript
[01:37]TI4西雅图DOTA2前线报道 VG拿下首胜教练357给出获胜秘诀
2014/07/10 DOTA
快速了解python leveldb
2018/01/18 Python
Python编程scoketServer实现多线程同步实例代码
2018/01/29 Python
PyQt Qt Designer工具的布局管理详解
2019/08/07 Python
OpenCV中VideoCapture类的使用详解
2020/02/14 Python
解决Jupyter NoteBook输出的图表太小看不清问题
2020/04/16 Python
python中slice参数过长的处理方法及实例
2020/12/15 Python
h5页面背景图很长要有滚动条滑动效果的实现
2021/01/27 HTML / CSS
运动会领导邀请函
2014/01/10 职场文书
中学生个人自我评价
2014/02/06 职场文书
学生周末回家住宿长期请假条
2014/02/15 职场文书
2014年安全生产大检查方案
2014/05/13 职场文书
幽默自我介绍演讲稿
2014/08/21 职场文书
办公室领导干部作风整顿个人整改措施
2014/09/17 职场文书
三方股东合作协议书范本
2014/09/28 职场文书
2014年妇联工作总结
2014/11/21 职场文书
大学校园餐饮创业计划书
2019/08/07 职场文书
解决vue-router的beforeRouteUpdate不能触发
2022/04/14 Vue.js