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,mootools,dojo)使用适合自己的编程别名命名
Sep 14 Javascript
基于jQuery的计算文本框字数的代码
Jun 06 Javascript
JS获取地址栏参数的几种方法小结
Feb 28 Javascript
js匿名函数的调用示例(形式多种多样)
Aug 20 Javascript
jquery实现鼠标滑过显示提示框的方法
Feb 05 Javascript
jquery实现一个简单的表单验证实例
Mar 30 Javascript
js+html制作简单日历的方法
Jun 27 Javascript
bootstrap datetimepicker控件位置异常的解决方法
Nov 23 Javascript
浅入深出Vue之组件使用
Jul 11 Javascript
vue框架中props的typescript用法详解
Feb 17 Javascript
使用JavaScript获取Django模板指定键值数据
May 27 Javascript
Element Backtop回到顶部的具体使用
Jul 27 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-fpm配置详解
2014/02/12 PHP
CI映射(加载)数据到view层的方法
2016/03/28 PHP
php结合web uploader插件实现分片上传文件
2016/05/10 PHP
对laravel的session获取与存取方法详解
2019/10/08 PHP
JQery 渐变图片导航效果代码 漂亮
2010/01/01 Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
2013/06/24 Javascript
JS截取url中问号后面参数的值信息
2014/04/29 Javascript
js获取内联样式的方法
2015/01/27 Javascript
jquery的幻灯片图片切换效果代码分享
2015/09/07 Javascript
Jquery根据浏览器窗口改变调整大小的方法
2017/02/07 Javascript
基于原生js运动方式关键点的总结(推荐)
2017/10/01 Javascript
react-native封装插件swiper的使用方法
2018/03/20 Javascript
jQuery实现的简单手风琴效果示例
2018/08/29 jQuery
Angular中innerHTML标签的样式不起作用的原因解析
2019/06/18 Javascript
Vue打包后访问静态资源路径问题
2019/11/08 Javascript
python中遍历文件的3个方法
2014/09/02 Python
用Python的Django框架完成视频处理任务的教程
2015/04/02 Python
简单谈谈Python中的几种常见的数据类型
2017/02/10 Python
在CMD命令行中运行python脚本的方法
2018/05/12 Python
Python中flatten( )函数及函数用法详解
2018/11/02 Python
Python实现爬取亚马逊数据并打印出Excel文件操作示例
2019/05/16 Python
对python3 sort sorted 函数的应用详解
2019/06/27 Python
Python统计文本词汇出现次数的实例代码
2020/02/27 Python
Python列表推导式实现代码实例
2020/09/09 Python
基于css3 animate制作绚丽的动画效果
2015/11/24 HTML / CSS
香港太阳眼镜网上商店:SmartBuyGlasses香港
2016/07/22 全球购物
伦敦最受欢迎的蛋糕店:Konditor & Cook
2019/11/01 全球购物
Structs界面控制层技术
2013/10/11 面试题
汽车专业毕业生自荐信
2013/11/03 职场文书
教师现实表现材料
2014/02/14 职场文书
儿童生日会策划方案
2014/05/15 职场文书
小学生感恩老师演讲稿
2014/08/28 职场文书
红色旅游心得体会
2014/09/03 职场文书
党员干部反四风民主生活会对照检查材料思想汇报
2014/10/12 职场文书
上课说话检讨书500字
2014/11/01 职场文书
谢师宴答谢词
2015/01/05 职场文书