`
ykyfendou
  • 浏览: 407578 次
  • 性别: 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"是一种利用JavaScript Date对象和定时器功能实现网页上实时更新当前时间的技术。通过理解和应用这些知识,开发者可以创建各种动态时间显示功能,适应不同项目的需求。

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

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

    js动态显示系统当前时间

    在本例中,我们要讨论如何使用JavaScript来动态显示客户端机器的当前时间。 JavaScript获取系统时间是通过`Date`对象实现的。`Date`对象是JavaScript内置的对象,提供了多种方法来处理日期和时间。首先,我们可以...

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

    HTML(HyperText Markup Language)和JS(JavaScript)是构建网页内容和行为的两种核心技术,它们共同作用于实现动态显示本地时间的功能。此功能在日常网站开发中是常见的需求,旨在提供即时的时间信息给网站访问者...

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

    本教程将详细介绍如何使用HTML、CSS和JavaScript这三个核心技术来创建一个简单的网页,动态显示时间"XX:XX:XX"的格式。 首先,我们来看HTML部分。HTML(HyperText Markup Language)是网页内容的基础结构。在`...

    CSS+JS注册页面+显示当前时间

    在网页设计中,"CSS+JS注册页面+显示当前时间"是一个常见的应用场景,它涉及到前端开发中的两个核心技术:层叠样式表(CSS)和JavaScript(JS)。这两个技术结合使用,可以创建出美观且功能丰富的用户注册页面,并...

    JS动态显示当前时间

    在JavaScript(JS)中,动态显示当前时间是一项基础但实用的功能,它允许网页上的时间信息实时更新,无需用户刷新页面。下面将详细讲解如何实现这一功能,并探讨相关的知识点。 首先,JavaScript提供了内置的Date...

    使用Javascript + html + css实现显示当前时间炫酷动画

    本教程将详细介绍如何使用JavaScript、HTML和CSS这三种核心技术来创建一个显示当前时间的炫酷动画效果。这个功能不仅可以增强网站的视觉吸引力,还能实时展示时间,给用户带来便利。 首先,HTML(HyperText Markup ...

    个人博客html+css+JavaScript完整代码

    7. **时间戳动态更新**:文章的发表时间可以实时显示为距离现在的时间。 个人博客的HTML+CSS+JavaScript代码应该遵循良好的编码规范,保证代码的可读性和可维护性。同时,为了提高性能,可以进行代码压缩和合并,...

    html javascript jqeury 时间动态显示

    在网页开发中,HTML、JavaScript 和 ...综上所述,"HTML JavaScript jQuery 时间动态显示"是一个结合了HTML布局、JavaScript动态更新和jQuery简化操作的示例,通过这些技术,可以创建一个实时显示当前时间的网页组件。

    javascript 在html上动态显示时间

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

    javascript动态显示钟表

    在网页开发中,有时我们需要为用户提供实时的时间显示功能,比如动态显示当前时间的钟表。本文将详细介绍如何使用JavaScript(简称JS)来实现一个简单的动态时钟效果。该示例不仅能够实时更新时间,还能自动在小时、...

    js点一下按钮,显示当前时间信息

    在JavaScript编程语言中,"js点一下按钮,显示当前时间信息"这个主题涉及到网页交互的基本概念,特别是事件处理和DOM操作。在这个场景中,我们通常会创建一个按钮元素,然后为它绑定一个点击事件监听器。当用户点击...

    html+css+js实现罗盘时钟

    本项目“html+css+js实现罗盘时钟”利用这三种语言的特性,创建了一个能够实时显示当前时间的动态罗盘时钟。接下来,我们将详细探讨这个项目中涉及的关键知识点。 首先,HTML(HyperText Markup Language)作为网页...

    html+css+js轮播图.zip

    JavaScript可以改变HTML元素的样式属性,比如修改图片的`display`属性来切换显示的图片,同时更新控制按钮和指示器的状态,以反映当前的轮播位置。 在这个压缩包中,"images"目录很可能是存放轮播图所需图片的地方...

    HTML+JS+CSS

    例如,一个动态表单可能由HTML定义其结构,CSS设定样式,然后用JavaScript来验证用户输入,显示错误消息,或者与服务器进行异步通信。 学习HTML+JS+CSS是成为Web开发者的基石。它们的语法简洁,易于入门,但同时也...

    js动态实现美观的时钟展示显示

    还可以通过JavaScript动态改变这些样式,根据时间的小时部分更改颜色主题,以模拟昼夜交替: ```javascript function updateClock() { // ... const isNight = now.getHours() &gt;= 18 || now.getHours() ; // ...

    HTML+JS 显示二维码_html_二维码_显示二维码_

    在网页上显示二维码是一...总之,通过结合HTML的`&lt;img&gt;`或`&lt;div&gt;`标签和JavaScript的`qrcode.js`库,我们可以轻松地在网页上生成和显示二维码。在嵌入式系统中,需要注意性能优化和兼容性问题,以确保良好的用户体验。

    html+js+php+mysql实现分页

    这通常通过AJAX(异步JavaScript和XML)实现,向服务器发送请求获取特定页的数据,然后动态更新HTML元素。在本Demo中,JavaScript可能包括绑定点击事件、计算页码、更新页面内容等函数。 PHP作为服务器端脚本语言,...

Global site tag (gtag.js) - Google Analytics