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 键盘记录实现(兼容FireFox和IE)
Feb 07 Javascript
Jquery为单选框checkbox绑定单击click事件
Dec 18 Javascript
自定义jQuery选项卡插件实例
Mar 27 Javascript
node.js中的fs.fsyncSync方法使用说明
Dec 15 Javascript
javascript中 try catch用法
Aug 16 Javascript
three.js加载obj模型的实例代码
Nov 10 Javascript
React Form组件的实现封装杂谈
May 07 Javascript
@angular前端项目代码优化之构建Api Tree的方法
Dec 24 Javascript
利用webpack理解CommonJS和ES Modules的差异区别
Jun 16 Javascript
请求时token过期自动刷新token操作
Sep 11 Javascript
微信小程序自定义胶囊样式
Dec 27 Javascript
vue-cropper组件实现图片切割上传
May 27 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在线解压ZIP文件的方法
2014/12/30 PHP
PHP中类的自动加载的方法
2017/03/17 PHP
Prototype使用指南之base.js
2007/01/10 Javascript
在Z-Blog中运行代码[html][/html](纯JS版)
2007/03/25 Javascript
关于jQuery object and DOM element
2013/04/15 Javascript
angularJS 中$scope方法使用指南
2015/02/09 Javascript
JS跨域交互(jQuery+php)之jsonp使用心得
2016/07/01 Javascript
D3.js实现散点图和气泡图的方法详解
2016/09/21 Javascript
Bootstrap Table的使用总结
2016/10/08 Javascript
jquery配合.NET实现点击指定绑定数据并且能够一键下载
2016/10/28 Javascript
jQuery的三种bind/One/Live/On事件绑定使用方法
2017/02/23 Javascript
js图片放大镜效果实现方法详解
2020/10/28 Javascript
浅谈JS如何实现真正的对象常量
2017/06/25 Javascript
javascript实现移动端红包雨页面
2020/06/23 Javascript
[32:17]完美世界DOTA2联赛循环赛LBZS vs Forest第二场 10月30日
2020/10/31 DOTA
python实现文件名批量替换和内容替换
2014/03/20 Python
python执行get提交的方法
2015/04/29 Python
python修改字典内key对应值的方法
2015/07/11 Python
Python数据可视化编程通过Matplotlib创建散点图代码示例
2017/12/09 Python
EM算法的python实现的方法步骤
2018/01/02 Python
Python浅复制中对象生存周期实例分析
2018/04/02 Python
Python测试网络连通性示例【基于ping】
2018/08/03 Python
对Python之gzip文件读写的方法详解
2019/02/08 Python
python实现逆滤波与维纳滤波示例
2020/02/26 Python
西班牙网上书店:Casa del Libro
2016/11/01 全球购物
J.Crew官网:美国知名休闲服装品牌
2017/05/19 全球购物
英国工具中心:UK Tool Centre
2017/07/10 全球购物
日本必酷网络直营店:Biccamera
2019/03/23 全球购物
2014年预备党员学习两会心得体会
2014/03/17 职场文书
幼儿园招生广告
2014/03/19 职场文书
《观舞记》教学反思
2014/04/16 职场文书
单位提档介绍信
2015/10/22 职场文书
银行柜员优质服务心得体会
2016/01/22 职场文书
留学文书中的个人陈述,应该注意哪些问题?
2019/08/23 职场文书
小程序wx.getUserProfile接口的具体使用
2021/06/02 Javascript
字节飞书面试promise.all实现示例
2022/06/16 Javascript