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 相关文章推荐
javascript Ext JS 状态默认存储时间
Feb 15 Javascript
使用js获取图片原始尺寸
Dec 03 Javascript
jQuery的css()方法用法实例
Dec 24 Javascript
vue2的todolist入门小项目的详细解析
May 11 Javascript
Vue自定义指令详解
Jul 28 Javascript
JavaScript实现省市联动过程中bug的解决方法
Dec 04 Javascript
Vue中v-for的数据分组实例
Mar 07 Javascript
JS实现监控微信小程序的原理
Jun 15 Javascript
小程序实现单选多选功能
Nov 04 Javascript
小程序实现抽奖动画
Apr 16 Javascript
js实现双人五子棋小游戏
May 28 Javascript
如何在 Vue 表单中处理图片
Jan 26 Vue.js
网页中可关闭的漂浮窗口实现可自行调节
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无限分类的类
2007/01/02 PHP
php+mysql开源XNA 聚合程序发布 下载
2007/07/13 PHP
php中对xml读取的相关函数的介绍一
2008/06/05 PHP
filemanage功能中用到的common.js
2007/04/08 Javascript
JavaScript中各种编码解码函数的区别和注意事项
2010/08/19 Javascript
juqery 学习之四 筛选过滤
2010/11/30 Javascript
jquery 卷帘效果实现代码(不同方向)
2013/02/05 Javascript
javascript常用方法汇总
2014/12/02 Javascript
JS+CSS模拟可以无刷新显示内容的留言板实例
2015/03/03 Javascript
AngularJS ng-bind-template 指令详解
2016/07/30 Javascript
微信小程序实现简单input正则表达式验证功能示例
2017/11/30 Javascript
基于vue监听滚动事件实现锚点链接平滑滚动的方法
2018/01/17 Javascript
jQuery实现输入框的放大和缩小功能示例
2018/07/21 jQuery
使用vue开发移动端管理后台的注意事项
2019/03/07 Javascript
vue+element导航栏高亮显示的解决方式
2019/11/12 Javascript
Python中is与==判断的区别
2017/03/28 Python
浅谈Pycharm中的Python Console与Terminal
2019/01/17 Python
解决python测试opencv时imread导致的错误问题
2019/01/26 Python
Python3多目标赋值及共享引用注意事项
2019/05/27 Python
python函数参数(必须参数、可变参数、关键字参数)
2019/08/16 Python
Python pandas库中的isnull()详解
2019/12/26 Python
Python中的sys.stdout.write实现打印刷新功能
2020/02/21 Python
python 装饰器功能与用法案例详解
2020/03/06 Python
python爬虫开发之PyQuery模块详细使用方法与实例全解
2020/03/09 Python
打印tensorflow恢复模型中所有变量与操作节点方式
2020/05/26 Python
Python小白不正确的使用类变量实例
2020/05/29 Python
英国计算机商店:Technextday
2019/12/28 全球购物
学院书画协会部门职责
2013/11/28 职场文书
人力资源部副职的竞聘演讲稿
2014/01/07 职场文书
工作过失检讨书
2014/02/23 职场文书
低碳环保倡议书
2014/04/14 职场文书
市政工程技术专业自荐书
2014/07/06 职场文书
2014镇副书记群众路线专题民主生活会思想汇报
2014/09/23 职场文书
高中校园广播稿
2014/10/21 职场文书
大学生个人简历自我评价
2015/03/11 职场文书
python语言中pandas字符串分割str.split()函数
2022/08/05 Python