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 20 Javascript
javascript实现的动态文字变换
Jul 28 Javascript
百度地图api应用标注地理位置信息(js版)
Feb 01 Javascript
页面右下角弹出提示框示例代码js版
Aug 02 Javascript
使用jquery实现放大镜效果
Sep 02 Javascript
JS实现CheckBox复选框全选全不选功能
May 06 Javascript
js改变style样式和css样式的简单实例
Jun 28 Javascript
JQuery遍历元素的后代和同胞实现方法
Sep 18 Javascript
详解webpack es6 to es5支持配置
May 04 Javascript
vue-cli脚手架config目录下index.js配置文件的方法
Mar 13 Javascript
layui在form表单页面通过Validform加入简单验证的方法
Sep 06 Javascript
vue语法自动转typescript(解放双手)
Sep 18 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
了解咖啡雨林联盟认证 什么是雨林认证 雨林认证是什么意思
2021/03/05 新手入门
Thinkphp中volist标签mod控制一定记录的换行BUG解决方法
2014/11/04 PHP
关于 Laravel Redis 多个进程同时取队列问题详解
2017/12/25 PHP
可兼容php5与php7的cURL文件上传功能实例分析
2018/05/11 PHP
PHP切割汉字的常用方法实例总结
2019/04/27 PHP
URL编码转换,escape() encodeURI() encodeURIComponent()
2006/12/27 Javascript
动态获取复选框checkbox选中个数的jquery代码
2013/06/25 Javascript
javascript实现TreeView 无刷新展开的实例代码
2013/07/13 Javascript
js进行表单验证实例分析
2015/02/10 Javascript
javascript基础知识分享之类与函数化
2016/02/13 Javascript
JavaScript常用数组算法小结
2016/02/13 Javascript
实现一个简单的vue无限加载指令方法
2017/01/10 Javascript
angularjs+bootstrap实现自定义分页的实例代码
2017/06/19 Javascript
浅谈vue中使用图片懒加载vue-lazyload插件详细指南
2017/10/23 Javascript
再谈Angular4 脏值检测(性能优化)
2018/04/23 Javascript
使用apifm-wxapi模块中的问题及解决方法
2019/08/05 Javascript
Node 代理访问的实现
2019/09/19 Javascript
基于javascript实现贪吃蛇小游戏
2019/11/25 Javascript
基于Python socket的端口扫描程序实例代码
2018/02/09 Python
Python将一个Excel拆分为多个Excel
2018/11/07 Python
在python 不同时区之间的差值与转换方法
2019/01/14 Python
Python使用sklearn实现的各种回归算法示例
2019/07/04 Python
python mqtt 客户端的实现代码实例
2019/09/25 Python
Python自动采集微信联系人的实现示例
2020/02/28 Python
在python下实现word2vec词向量训练与加载实例
2020/06/09 Python
Pycharm安装python库的方法
2020/11/24 Python
英国领先的家庭时尚品牌:Peacocks
2018/01/11 全球购物
出国签证在职证明范本
2014/11/24 职场文书
应届毕业生自荐信
2015/03/04 职场文书
小学教代会开幕词
2016/03/04 职场文书
2019年怎样才能撰写出优秀的自荐信
2019/03/25 职场文书
成功的商业计划书这样写才最靠谱
2019/07/12 职场文书
HTML+CSS制作心跳特效的实现
2021/05/26 HTML / CSS
Java Optional<Foo>转换成List<Bar>的实例方法
2021/06/20 Java/Android
AudioContext 实现音频可视化(web技术分享)
2022/02/24 Javascript
MySQL的prepare使用以及遇到的bug
2022/05/11 MySQL