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 相关文章推荐
js资料toString 方法
Mar 13 Javascript
解析js如何获取当前url中的参数值并复制给input
Jun 23 Javascript
jquery中radio checked问题
Mar 16 Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
Aug 20 Javascript
jquery实现的Banner广告收缩效果代码
Sep 02 Javascript
JavaScript 节流函数 Throttle 详解
Jul 04 Javascript
谈谈JavaScript中的几种借用方法
Aug 09 Javascript
JS实现购物车特效
Feb 02 Javascript
jquery hover 不停闪动问题的解决方法(亦为stop()的使用)
Feb 10 Javascript
利用Angular2的Observables实现交互控制的方法
Dec 27 Javascript
微信小程序bindinput与bindsubmit的区别实例分析
Apr 17 Javascript
微信用户访问小程序的登录过程详解
Sep 20 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入门教程 精简版
2009/12/13 PHP
PHP实现图片上传并压缩
2015/12/22 PHP
thinkPHP5.0框架模块设计详解
2017/03/18 PHP
PHP如何实现订单的延时处理详解
2017/12/30 PHP
Firefox 无法获取cssRules 的解决办法
2006/10/11 Javascript
表单内同名元素的控制
2006/11/22 Javascript
JavaScript 面向对象编程(1) 基础
2010/05/18 Javascript
关于JS控制代码暂停的实现方法分享
2012/10/11 Javascript
jQuery判断checkbox是否选中的小例子
2013/12/02 Javascript
extjs 分页使用jsp传递数据示例
2014/07/29 Javascript
Mac OS X 系统下安装和部署Egret引擎开发环境
2014/09/03 Javascript
js读写json文件实例代码
2014/10/21 Javascript
JavaScript实现多种排序算法
2016/02/24 Javascript
深入理解JQuery中的事件与动画
2016/05/18 Javascript
JS读写CSS样式的方法汇总
2016/08/16 Javascript
JavaScript重定向URL参数的两种方法小结
2016/10/19 Javascript
JS定时器实现数值从0到10来回变化
2016/12/09 Javascript
详解vue2.0 transition 多个元素嵌套使用过渡
2017/06/19 Javascript
jQuery Layer弹出层传值到父页面的实现代码
2017/08/17 jQuery
jquery学习笔记之无new构建详解
2017/12/07 jQuery
手把手教你 CKEDITOR 4 实现Dialog 内嵌 IFrame操作详解
2019/06/18 Javascript
VUE 自定义组件模板的方法详解
2019/08/30 Javascript
vue双向绑定数据限制长度的方法
2019/11/04 Javascript
vue项目中播放rtmp视频文件流的方法
2020/09/17 Javascript
Python获取Linux系统下的本机IP地址代码分享
2014/11/07 Python
python format 格式化输出方法
2018/07/16 Python
pandas.DataFrame删除/选取含有特定数值的行或列实例
2018/11/07 Python
对pandas中两种数据类型Series和DataFrame的区别详解
2018/11/12 Python
pandas 时间格式转换的实现
2019/07/06 Python
python图片合成的示例
2020/11/09 Python
幼儿园儿童节主持词
2014/03/21 职场文书
4s店市场专员岗位职责
2014/04/09 职场文书
大学新生入学教育方案
2014/05/16 职场文书
基层党员干部四风问题整改方向和措施
2014/09/25 职场文书
给老婆的保证书
2015/01/16 职场文书
Python Pandas数据分析之iloc和loc的用法详解
2021/11/11 Python