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 相关文章推荐
JQuery操作表格(隔行着色,高亮显示,筛选数据)
Feb 23 Javascript
jquery动态增加text元素以及删除文本内容实例代码
Jul 01 Javascript
通过AJAX的JS、JQuery两种方式解析XML示例介绍
Sep 23 Javascript
node.js中的path.dirname方法使用说明
Dec 09 Javascript
JS获取表格内指定单元格html内容的方法
Mar 31 Javascript
在React框架中实现一些AngularJS中ng指令的例子
Mar 06 Javascript
JavaScript动态添加事件之事件委托
Jul 12 Javascript
JavaScript的字符串方法汇总
Jul 31 Javascript
关于页面刷新vuex数据消失问题解决方案
Jul 03 Javascript
vue组件父子间通信详解(三)
Nov 07 Javascript
vue在线动态切换主题色方案
Mar 26 Javascript
Vue检测屏幕变化来改变不同的charts样式实例
Oct 26 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生成随机数或者字符串的代码
2008/09/05 PHP
PHP求最大子序列和的算法实现
2011/06/24 PHP
Zend Framework教程之Loader以及PluginLoader用法详解
2016/03/09 PHP
php获取excel文件数据
2017/04/21 PHP
Laravel配置全局公共函数的方法步骤
2019/05/09 PHP
laravel 配置路由 api和web定义的路由的区别详解
2019/09/03 PHP
在IE上直接编辑网页内容的js代码(IE地址栏js)
2009/04/27 Javascript
JQuery 获得绝对,相对位置的坐标方法
2010/02/09 Javascript
jQuery函数map()和each()介绍及异同点分析
2014/11/08 Javascript
js闭包实例汇总
2014/11/09 Javascript
JavaScript 开发工具webstrom使用指南
2014/12/09 Javascript
Highcharts学习之数据列
2016/08/03 Javascript
Javascript日期格式化format函数的使用方法
2016/08/30 Javascript
AngularJS指令中的绑定策略实例分析
2016/12/14 Javascript
Angularjs自定义指令实现三级联动 选择地理位置
2017/02/13 Javascript
整理关于Bootstrap过渡动画的慕课笔记
2017/03/29 Javascript
javascript回调函数详解
2018/02/06 Javascript
一起写一个即插即用的Vue Loading插件实现
2019/10/31 Javascript
微信小程序实现二维码签到考勤系统
2020/01/16 Javascript
[14:56]教你分分钟做大人:巫医
2014/10/30 DOTA
对python中类的继承与方法重写介绍
2019/01/20 Python
用Python调用win命令行提高工作效率的实例
2019/08/14 Python
Python装饰器使用你可能不知道的几种姿势
2019/10/25 Python
Python连接Oracle之环境配置、实例代码及报错解决方法详解
2020/02/11 Python
德国baby-markt婴儿用品瑞士网站:baby-markt.ch
2017/06/09 全球购物
Under Armour安德玛中国官网:美国高端运动科技品牌
2018/03/09 全球购物
美国户外运动商店:Sun & Ski
2018/08/23 全球购物
C语言怎样定义和声明全局变量和函数最好
2013/11/26 面试题
JDBC操作数据库的基本流程是什么
2014/10/28 面试题
早餐连锁店计划书
2014/01/08 职场文书
物流管理系毕业生求职信
2014/06/03 职场文书
日语专业求职信
2014/07/04 职场文书
2015年新农村建设指导员工作总结
2015/07/24 职场文书
缅怀先烈主题班会
2015/08/14 职场文书
师德培训心得体会2016
2016/01/09 职场文书
浅谈JS和Nodejs中的事件驱动
2021/05/05 NodeJs