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 相关文章推荐
一页面多XMLHttpRequest对象
Jan 22 Javascript
getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现
Feb 26 Javascript
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
Nov 11 Javascript
javascript模拟枚举的简单实例
Mar 06 Javascript
jquery检测input checked 控件是否被选中的方法
Mar 26 Javascript
js常用数组操作方法简明总结
Jun 20 Javascript
JavaScript拖拽、碰撞、重力及弹性运动实例分析
Jan 08 Javascript
Vue方法与事件处理器详解
Dec 01 Javascript
详解如何webpack使用DllPlugin
Sep 30 Javascript
JS表格的动态操作完整示例
Jan 13 Javascript
微信小程序实现拼图小游戏
Oct 22 Javascript
详解JavaScript之Array.reduce源码解读
Nov 01 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
PHP逐行输出(ob_flush与flush的组合)
2012/02/04 PHP
php IP转换整形(ip2long)的详解
2013/06/06 PHP
php+redis在实际项目中HTTP 500: Internal Server Error故障排除
2017/02/05 PHP
PHP5.5新特性之yield理解与用法实例分析
2019/01/11 PHP
PHP SESSION跨页面传递失败解决方案
2020/12/11 PHP
jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
2011/01/06 Javascript
js中设置元素class的三种方法小结
2011/08/28 Javascript
jQuery操作checkbox选择(list/table)
2013/04/07 Javascript
基于jquery实现控制经纬度显示地图与卫星
2013/05/20 Javascript
jquery选择器之属性过滤选择器详解
2014/01/27 Javascript
js创建一个input数组并绑定click事件的方法
2014/06/12 Javascript
JS判断页面是否出现滚动条的方法
2015/07/17 Javascript
jQuery 3.0 的 setter和getter 模式详解
2016/07/11 Javascript
AngularJS 获取ng-repeat动态生成的ng-model值实例详解
2016/11/29 Javascript
微信小程序scroll-view实现横向滚动和上拉加载示例
2017/03/06 Javascript
vue component组件使用方法详解
2017/07/14 Javascript
Vue2.0实现将页面中表格数据导出excel的实例
2017/08/09 Javascript
bootstrap datetimepicker控件位置异常的解决方法
2017/11/23 Javascript
ReactNative实现Toast的示例
2017/12/31 Javascript
webpack4 SCSS提取和懒加载的示例
2018/09/03 Javascript
JS html事件冒泡和事件捕获操作示例
2019/05/01 Javascript
小程序实现上下移动切换位置
2019/09/23 Javascript
微信小程序基于高德地图查找位置并显示文字
2019/10/30 Javascript
Python中optparse模块使用浅析
2015/01/01 Python
python正则表达式 匹配反斜杠的操作方法
2020/08/07 Python
如何在Python3中使用telnetlib模块连接网络设备
2020/09/21 Python
python函数超时自动退出的实操方法
2020/12/28 Python
5分钟弄清楚html5的drag and drop(小结)
2019/04/10 HTML / CSS
美国时尚配饰品牌:Dooney & Bourke
2017/11/14 全球购物
美国背景检查、公共记录和人物搜索网站:BeenVerified
2018/02/25 全球购物
美国Curacao百货连锁店网站:iCuracao.com
2019/07/20 全球购物
师范生教师实习自我鉴定
2013/09/27 职场文书
优秀小学生家长评语
2014/01/30 职场文书
高三霸气励志标语
2014/06/24 职场文书
财务人员个人工作总结
2015/02/27 职场文书
离职信范本
2015/06/23 职场文书