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中的load方法装载IE缓存中文件的方法
Sep 11 Javascript
jQuery 中DOM 操作详解
Jan 13 Javascript
理解JavaScript的变量的入门教程
Jul 07 Javascript
JavaScript编程中的Promise使用大全
Jul 28 Javascript
JavaScript轻松创建级联函数的方法示例
Feb 10 Javascript
浅谈Node.js轻量级Web框架Express4.x使用指南
May 03 Javascript
简单实现vue验证码60秒倒计时功能
Oct 11 Javascript
vue单个组件实现无限层级多选菜单功能
Apr 10 Javascript
浅谈从React渲染流程分析Diff算法
Sep 08 Javascript
jquery ui 实现 tab标签功能示例【测试可用】
Jul 25 jQuery
Vue搭建后台系统需要注意的问题
Nov 08 Javascript
jQuery 实现扁平式小清新导航
Jul 07 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 将bmp图片转为jpg等其他任意格式的图片
2009/06/21 PHP
php设计模式 Facade(外观模式)
2011/06/26 PHP
PHP中数据类型转换的三种方式
2015/04/02 PHP
[原创]PHPCMS遭遇会员投稿审核无效的解决方法
2017/01/11 PHP
Javascript动态绑定事件的简单实现代码
2010/12/25 Javascript
5秒后跳转效果(setInterval/SetTimeOut)
2013/05/03 Javascript
jQuery简单实现禁用右键菜单
2015/03/10 Javascript
JavaScript实现标题栏文字轮播效果代码
2015/10/24 Javascript
JavaScript 弹出子窗体并返回结果到父窗体的实现代码
2016/05/28 Javascript
AngularJS equal比较对象实例详解
2016/09/14 Javascript
Node.js 数据加密传输浅析
2016/11/16 Javascript
vue自动添加浏览器兼容前后缀操作
2020/08/13 Javascript
[03:00]《DAC最前线》之欧美新秀VS老将
2015/02/01 DOTA
Python break语句详解
2014/03/11 Python
Python3基础之基本数据类型概述
2014/08/13 Python
python以环状形式组合排列图片并输出的方法
2015/03/17 Python
用Python计算三角函数之acos()方法的使用
2015/05/15 Python
Ubuntu下安装PyV8
2016/03/13 Python
Python编程之变量赋值操作实例分析
2017/07/24 Python
Python视频爬虫实现下载头条视频功能示例
2018/05/07 Python
python os模块简单应用示例
2019/05/23 Python
python实现视频分帧效果
2019/05/31 Python
Python批量将图片灰度化的实现代码
2020/04/11 Python
pytorch加载自己的图像数据集实例
2020/07/07 Python
使用CSS3制作倾斜导航条和毛玻璃效果
2017/09/12 HTML / CSS
利用CSS3实现的文字定时向上滚动
2016/08/29 HTML / CSS
HTML5 Blob 实现文件下载功能的示例代码
2019/11/29 HTML / CSS
Julep官网:美容产品和指甲油
2017/02/25 全球购物
个人简历自我鉴定
2013/10/11 职场文书
双语教学实施方案
2014/03/23 职场文书
离职保密承诺书
2014/05/28 职场文书
股东出资证明书(正规版)
2014/09/24 职场文书
大学生见习报告总结
2014/11/04 职场文书
2015年大学班长个人工作总结
2015/04/24 职场文书
初中毕业感言300字
2015/07/31 职场文书
python opencv人脸识别考勤系统的完整源码
2021/04/26 Python