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 图片截取工具jquery.imagecropper.js
Apr 09 Javascript
JavaScript+html5 canvas制作的圆中圆效果实例
Jan 27 Javascript
深入理解js函数的作用域与this指向
May 28 Javascript
通过JS和PHP两种方法判断用户请求时使用的浏览器类型
Sep 01 Javascript
通过bootstrap全面学习less
Nov 09 Javascript
Vue 项目分环境打包的方法示例
Aug 03 Javascript
node.js的Express服务器基本使用教程
Jan 09 Javascript
微信小程序开发的基本流程步骤
Jan 31 Javascript
我要点爆”微信小程序云开发之项目建立与我的页面功能实现
May 26 Javascript
JavaScript实现的3D旋转魔方动画效果实例代码
Jul 31 Javascript
JS函数参数的传递与同名参数实例分析
Mar 16 Javascript
什么是SOLID
Mar 24 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下利用shell后台运行PHP脚本,并获取该脚本的Process ID的代码
2011/09/19 PHP
php数组比较实现查找连续数的方法
2015/07/29 PHP
使用php-timeit估计php函数的执行时间
2015/09/06 PHP
php自定义函数br2nl实现将html中br换行符转换为文本输入中换行符的方法【与函数nl2br功能相反】
2017/02/17 PHP
js传中文参数controller里获取参数乱码问题解决方法
2014/01/03 Javascript
jQuery实现的原图对比窗帘效果
2014/06/15 Javascript
javascript中String对象的slice()方法分析
2014/12/20 Javascript
深入探究node之Transform
2017/07/20 Javascript
JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结
2017/08/10 Javascript
Vue中this.$router.push参数获取方法
2018/02/27 Javascript
react ant Design手动设置表单的值操作
2020/10/31 Javascript
Python字符串的encode与decode研究心得乱码问题解决方法
2009/03/23 Python
python读取html中指定元素生成excle文件示例
2014/04/03 Python
采用python实现简单QQ单用户机器人的方法
2014/07/03 Python
Python类方法__init__和__del__构造、析构过程分析
2015/03/06 Python
用Python编写web API的教程
2015/04/30 Python
Python网络编程中urllib2模块的用法总结
2016/07/12 Python
python 爬虫出现403禁止访问错误详解
2017/03/11 Python
python实现批量修改文件名代码
2017/09/10 Python
python实现图片横向和纵向拼接
2020/03/05 Python
mac在matplotlib中显示中文的操作方法
2020/03/06 Python
如何基于Python代码实现高精度免费OCR工具
2020/06/18 Python
Python代码需要缩进吗
2020/07/01 Python
Python同时迭代多个序列的方法
2020/07/28 Python
Keras保存模型并载入模型继续训练的实现
2021/02/20 Python
用html5绘制折线图的实例代码
2016/03/25 HTML / CSS
Michael Kors加拿大官网:购买设计师手袋、手表、鞋子、服装等
2019/03/16 全球购物
MIS软件工程师的面试题
2016/04/22 面试题
教师思想作风整顿个人剖析材料
2014/10/10 职场文书
2014年信访维稳工作总结
2014/12/08 职场文书
2014年机关工会工作总结
2014/12/19 职场文书
运动会闭幕式致辞
2015/07/29 职场文书
期中考试后的感想
2015/08/07 职场文书
关于践行三严三实的心得体会
2016/01/05 职场文书
Redis Cluster 字段模糊匹配及删除
2021/05/27 Redis
Web应用开发TypeScript使用详解
2022/05/25 Javascript