脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → html页面显示时间

html页面显示年月日时分秒和星期几的两种方式

 更新时间：2013年08月20日 15:23:03   作者：  
在html页面中显示时间是很常见的，实现的方法有很多，下面为大家简单介绍两种方式，有需求的朋友可以参考下，希望对大家有所帮助
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设计模式之代理模式介绍

    这篇文章主要介绍了JavaScript设计模式之代理模式介绍,代理模式顾名思义就是用一个类来代替另一个类来执行方法功能,需要的朋友可以参考下
    2014-12-12
  • JS模拟自动点击的简单实例

    JS模拟自动点击的简单实例

    这篇文章介绍了JS模拟自动点击的简单实例，有需要的朋友可以参考一下
    2013-08-08
  • JavaScript实现设置默认日期范围为最近40天的方法分析

    JavaScript实现设置默认日期范围为最近40天的方法分析

    这篇文章主要介绍了JavaScript实现设置默认日期范围为最近40天的方法,结合实例形式分析了javascript结合HTML5 date元素进行时间运算相关操作技巧,需要的朋友可以参考下
    2017-07-07
  • ECMAScript 的 6 种简单数据类型

    ECMAScript 的 6 种简单数据类型

    这篇文章主要介绍了ECMAScript的 6 种简单数据类型，ECMAScript的数据类型很灵活，一种数据类型可以当作多种数据类型来使用，具体使用详情文章详细介绍需要的小伙伴可以参考一下
    2022-06-06
  • 基于JavaScript实现控制下拉列表

    基于JavaScript实现控制下拉列表

    这篇文章主要介绍了基于JavaScript实现控制下拉列表,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-05-05
  • javascript canvas检测小球碰撞

    javascript canvas检测小球碰撞

    这篇文章主要为大家详细介绍了javascript canvas检测小球碰撞，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-04-04
  • 详解JS中你不知道的各种循环测速

    详解JS中你不知道的各种循环测速

    在前端JS中，有着多种数组循环的方式：for循环；while和do-while 循环；forEach、map、reduce、filter循环；for-of循环；for-in 循环；那么哪种循环的执行速度最快呢，我们今天来看一看。
    2021-05-05
  • JavaScript实现维吉尼亚(Vigenere)密码算法实例

    JavaScript实现维吉尼亚(Vigenere)密码算法实例

    Vigenere密码就是一种传统加密技术，它是多表代换密码，能够有效改进单表代换密码的词频分布特征问题,本文用JavaScript实现维吉尼亚(Vigenere)密码算法
    2013-11-11
  • JavaScript实现元素吸顶的方法详解

    JavaScript实现元素吸顶的方法详解

    页面内的tab导航需要在滚动到视口顶部的时候进行吸顶,这个功能算是比较常见,也比较容易实现,下面就跟随小编一起学习一下JavaScript是如何实现元素吸顶效果的吧
    2023-10-10
  • js 目录列举函数

    js 目录列举函数

    用js获取文件目录的代码，一般主要是用了区别vbs的一些代码
    2008-11-11

最新评论