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 相关文章推荐
javascript CSS画图之基础篇
Jul 29 Javascript
javascript轻松实现当鼠标移开时已弹出子菜单自动消失
Dec 29 Javascript
JavaScript数组随机排列实现随机洗牌功能
Mar 19 Javascript
检查表单元素的值是否为空的实例代码
Jun 16 Javascript
AngularJS 购物车全选/取消全选功能的实现方法
Aug 14 Javascript
XMLHttpRequest对象_Ajax异步请求重点(推荐)
Sep 28 Javascript
浅谈Vue2.0父子组件间事件派发机制
Jan 08 Javascript
新年快乐! javascript实现超级炫酷的3D烟花特效
Jan 30 Javascript
浅谈一个webpack构建速度优化误区
Jun 24 Javascript
微信公众号生成新浪短网址的实现(快速生成)
Aug 18 Javascript
原生js实现针对Dom节点的CRUD操作示例
Aug 26 Javascript
jquery插件懒加载的示例
Oct 24 jQuery
网页中可关闭的漂浮窗口实现可自行调节
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使用ob_flush不能每隔一秒输出原理分析
2015/06/02 PHP
Laravel 5使用Laravel Excel实现Excel/CSV文件导入导出的功能详解
2017/10/11 PHP
PHP编程一定要改掉的5个不良习惯
2020/09/18 PHP
javascript基础第一章 JavaScript与用户端
2010/07/22 Javascript
解析URI与URL之间的区别与联系
2013/11/22 Javascript
JavaScript中的undefined学习总结
2013/11/30 Javascript
js创建对象的区别示例介绍
2014/07/24 Javascript
javascript使用for循环批量注册的事件不能正确获取索引值的解决方法
2014/12/20 Javascript
js实现同一页面可多次调用的图片幻灯切换效果
2015/02/28 Javascript
javascript同步服务器时间和同步倒计时小技巧
2015/09/24 Javascript
jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
2016/08/15 Javascript
JS实现滑动门效果的方法详解
2016/12/19 Javascript
Vue.js学习笔记之常用模板语法详解
2017/07/25 Javascript
集合Bootstrap自定义confirm提示效果
2017/09/19 Javascript
JavaScript实现随机数生成器(去重)
2017/10/13 Javascript
React-intl 实现多语言的示例代码
2017/11/03 Javascript
VUE 使用中踩过的坑
2018/02/08 Javascript
解决vue-cli单页面手机应用input点击手机端虚拟键盘弹出盖住input问题
2018/08/25 Javascript
详解如何用typescript开发koa2的二三事
2018/11/13 Javascript
如何在Vue中使用CleaveJS格式化你的输入内容
2018/12/14 Javascript
[57:41]Secret vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[02:51]2018年度DOTA2最佳中单位选手-完美盛典
2018/12/17 DOTA
Python模块学习 datetime介绍
2012/08/27 Python
Django框架下静态模板的继承操作示例
2019/11/08 Python
使用Python paramiko模块利用多线程实现ssh并发执行操作
2019/12/05 Python
解决pyqt5异常退出无提示信息的问题
2020/04/08 Python
基于python实现查询ip地址来源
2020/06/02 Python
html5定位获取当前位置并在百度地图上显示
2014/08/22 HTML / CSS
简单整理HTML5的基本特性和语法
2016/02/18 HTML / CSS
电气自动化个人求职信范文
2014/02/03 职场文书
艺术学院毕业生自我评价
2014/03/02 职场文书
2014年大学生党课心得体会范文
2014/03/29 职场文书
光学与应用专业毕业生求职信
2014/09/01 职场文书
学生通报表扬范文
2015/05/04 职场文书
TV动画《政宗君的复仇》第二季制作决定PV公布
2022/04/02 日漫
JS前端可视化canvas动画原理及其推导实现
2022/08/05 Javascript