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 性能优化指南 (1)
May 21 Javascript
javascript 无提示关闭窗口脚本
Aug 17 Javascript
jQuery 的全选(全非选)即取得被选中的值使用介绍
Nov 12 Javascript
jquery获取复选框的值的简单实例
May 26 Javascript
angular源码学习第一篇 setupModuleLoader方法
Oct 20 Javascript
jquery pagination插件动态分页实例(Bootstrap分页)
Dec 23 Javascript
从零学习node.js之详解异步控制工具async(八)
Feb 27 Javascript
jQuery上传多张图片带进度条样式(DEMO)
Mar 02 Javascript
详解Vue整合axios的实例代码
Jun 21 Javascript
详解vue mint-ui源码解析之loadmore组件
Oct 11 Javascript
浅谈JavaScript闭包
Apr 09 Javascript
JS中的函数与对象的创建方式
May 12 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 存取 MySQL 数据库的一个例子
2006/10/09 PHP
for循环连续求和、九九乘法表代码
2012/02/20 PHP
PHP 利用Mail_MimeDecode类提取邮件信息示例
2014/01/26 PHP
phpmailer中文乱码问题的解决方法
2014/04/22 PHP
PHP替换Word中变量并导出PDF图片的实现方法
2020/11/26 PHP
JavaScript NodeTree导航栏(菜单项JSON类型/自制)
2013/02/01 Javascript
浅析js预加载/延迟加载
2014/09/25 Javascript
如何让你的Lightbox支持滚轮缩放及Base64图片
2014/12/04 Javascript
jquery中attr和prop的区别分析
2015/03/16 Javascript
究竟什么是Node.js?Node.js有什么好处?
2015/05/29 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
2016/01/15 Javascript
JS实用技巧小结(屏蔽错误、div滚动条设置、背景图片位置等)
2016/06/16 Javascript
将html页面保存成图片,图片写入pdf的实现方法(推荐)
2016/09/17 Javascript
利用node.js实现反向代理的方法详解
2017/07/24 Javascript
解决angular2 获取到的数据无法实时更新的问题
2018/08/31 Javascript
JavaScript函数、闭包、原型、面向对象学习笔记
2018/09/06 Javascript
浅谈layer的Icon样式以及一些常用的layer窗口使用方法
2019/09/11 Javascript
webpack DllPlugin xxx is not defined解决办法
2019/12/13 Javascript
Python使用smtp和pop简单收发邮件完整实例
2018/01/09 Python
python中将\\uxxxx转换为Unicode字符串的方法
2018/09/06 Python
Python装饰器语法糖
2019/01/02 Python
python使用nibabel和sitk读取保存nii.gz文件实例
2020/07/01 Python
基于canvas使用贝塞尔曲线平滑拟合折线段的方法
2018/01/10 HTML / CSS
HTML5 source标签:媒介元素定义媒介资源
2018/01/29 HTML / CSS
加拿大女装网上购物:Reitmans
2016/10/20 全球购物
英国独特的时尚和生活方式品牌:JOY
2018/03/17 全球购物
Three Graces London官网:英国奢侈品牌
2021/03/18 全球购物
驾驶员岗位职责
2014/01/29 职场文书
优秀员工推荐信
2014/05/10 职场文书
年终奖发放方案
2014/06/02 职场文书
人事行政经理岗位职责
2014/06/18 职场文书
springboot中一些比较常用的注解总结
2021/06/11 Java/Android
MySQL Shell import_table数据导入的实现
2021/08/07 MySQL
java调用Restful接口的三种方法
2021/08/23 Java/Android
MySQL事务的隔离级别详情
2022/07/15 MySQL
Spring boot实现上传文件到本地服务器
2022/08/14 Java/Android