`
ykyfendou
  • 浏览: 403533 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML+JS动态显示当前时间

阅读更多

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>aa.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
<script>
function getCurDate()
{
 var d = new Date();
 var week;
 switch (d.getDay()){
 case 1: week="星期一"; break;
 case 2: week="星期二"; break;
 case 3: week="星期三"; break;
 case 4: week="星期四"; break;
 case 5: week="星期五"; break;
 case 6: week="星期六"; break;
 default: week="星期天";
 }
 var years = d.getFullYear();
 var month = add_zero(d.getMonth()+1);
 var days = add_zero(d.getDate());
 var hours = add_zero(d.getHours());
 var minutes = add_zero(d.getMinutes());
 var seconds=add_zero(d.getSeconds());
 var ndate = years+"年"+month+"月"+days+"日 "+hours+":"+minutes+":"+seconds+" "+week;
 divT.innerHTML= ndate;
}

function add_zero(temp)
{
 if(temp<10) return "0"+temp;
 else return temp;
}

setInterval("getCurDate()",100);

</script>

当前时间:<div id="divT"></div>

  </body>
</html>

 

分享到:
评论

相关推荐

    动态显示当前时间的js

    兼容所有浏览器的js,用来动态显示当前时间,只需要调用,并传入显示区域的id即可

    html+css+js 网页上动态显示时间XX:XX:XX

    超简单的 html+css+js 三个文件构成的,网页上动态显示时间XX:XX:XX 超简单的 html+css+js 三个文件构成的,网页上动态显示时间XX:XX:XX

    JS实现HTML页面中动态显示当前时间完整示例

    主要介绍了JS实现HTML页面中动态显示当前时间,结合完整实例形式分析了JavaScript使用时间函数setTimeout及clearTimeout动态显示当前时间相关操作技巧,非常简单实用,需要的朋友可以参考下

    javascript 在html上动态显示时间

    在HTML页面动态显示当前时间,效果如下: 现在是:2011年7月6日 20:02:50

    html+js实现动态显示本地时间

    html&gt; &lt;span xss=removed&gt; &lt;/span&gt;&lt;body&gt; &lt;span xss=removed&gt; &lt;/span&gt; [removed] &lt;span xss=removed&gt; &lt;/span&gt; setInterval(“test()”,1000); function test () { &lt;span xss=removed&gt; &lt;/span&gt;var a= new ...

    用 js + html 实现一个网页版日历

    使用js + html 实现的简单的网页版日历,顶部默认会显示当前日期和时间,时间会精确到秒,并且时间会实时刷新,日历UI符合主流日历的样式,可以选择年,月,日查看每个月份的每一天对应星期几,默认显示当前日期所在...

    基于javascript实现动态显示当前系统时间

    本文实例讲解了javascript实现动态显示当前系统时间的详细代码,具体内容如下 (1)时间日期信息,应该在一个中来显示 (2)定时器:每隔一秒再次访问系统时间,window对象的setTimeout() (3)时钟显示的时机...

    日期动态显示

    动态时间显示,从当前日期前六天,用js写动态显示前六天时间

    JS实现浏览器状态栏显示时间的方法

    以前做个人主页的时候,总喜欢把自己的网页搞的很个性,在网上做跑马灯文字,在状态栏显示问候语,或者在状态栏添加时间显示,本代码就是实现了状态栏显示当前时间的物资,火狐没测度,IE下效果完美。 运行效果截图...

    纯js实现动态时间显示

    本文实例为大家分享了js动态时间显示 的具体代码,供大家参考,具体内容如下 &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=utf-8&gt; &lt;title&gt;js动态时间显示 &lt;/title&gt; &lt;/head&gt...

    JavaScript,HTML建立一个简单界面,要求文本框中只能输入字母.html

    JavaScript,HTML建立一个简单界面,要求文本框中只能输入字母.这是网上常见的实验指导书里面的作业,个人练习捣鼓出来的东西,希望对小白们有所帮助

    javascript页面动态显示时间变化示例代码

    //当前时间 alert&#40;date.toLocaleString(&#41;);//转化为本地时间 alert&#40;date.getFullYear(&#41;);//显示年份 alert&#40;date.getMonth(&#41; + 1);//显示月份 0-11,需要加1 alert&#40;date.getDate(&#41;);...

    动态时间日期

    html动态显示当前系统时间的js代码及调用

    大名鼎鼎SWFUpload- Flash+JS 上传

    它还提供了一组简明的JavaScript事件,借助它们开发者可以方便的在文件上传过程中更新页面内容来营造各种动态效果。  在使用SWFUpload之前,请确认你具备一定的JavaScript和DOM知识。在实际开发中,大部分的错误都...

    JavaScript完全自学宝典 源代码

    1.11.html 使用JavaScript实现的获取当前详细日期时间信息的数字时钟。 1.12.html 使用JavaScript实现的浏览器地震效果。 common.js 实现数据检验的独立的.js文件。 第2章(\c02) 实例描述:学习...

    javascript实现动态时钟的启动和停止

    javascript实现动态时钟的启动和停止,点击开始按钮,获取当前时间,点击停止按钮,时间停止 &lt;!DOCTYPE html&gt; ...显示当前时间 2.启动秒表 3.停止时钟 --&gt; 动态时钟 当前时间:&lt;span

    JavaScript王者归来part.1 总数2

     11.6.3 Location对象--当前窗口中显示文档的URL的代表   11.6.4 History对象--一个有趣的对象   11.7 总结   第12章 文档对象模型  12.1 什么是DOM   12.1.1 把文档表示为树   12.1.2 树的节点   ...

    javascript网页特效实例大全

    4.12 动态显示访问时间 75 4.13 在指定时间内保存页面 76 4.14 离今天最近的两个星期天 78 4.15 记录在网站停留的时间 79 4.16 带开关的时钟 80 4.17 每天显示一条不同的信息 81 4.18 模拟时钟 82 4.19 英文...

    PHP+jquery实时显示网站在线人数的方法

    我们在一些应用中需要动态展示数据,比如当前在线人数,当前交易总额,当前汇率等等,前端页面需要实时刷新获取最新数据。这里我们将结合实例给大家介绍使用jQuery和PHP来实现动态数字展示效果。 本例假设要在页面上...

Global site tag (gtag.js) - Google Analytics