`
alex8946
  • 浏览: 366328 次
  • 性别: Icon_minigender_1
  • 来自: 广东广州
社区版块
存档分类
最新评论

用JAVASCIRPT写的一个动态显示日期的函数

阅读更多
js 代码
  1. <script language="JavaScript">   
  2.    setTimeout('showtime()',1000)   
  3. </script>   
js 代码
  1. <script language="JavaScript">   
  2. function showtime()   
  3. {   
  4.   var GetTime = new Date();   
  5.   var Years = GetTime.getYear();   
  6.   var Months = GetTime.getMonth();   
  7.   var Days = GetTime.getDate();   
  8.   var Hours = GetTime.getHours();   
  9.   var Minutes = GetTime.getMinutes();   
  10.   var Seconds = GetTime.getSeconds();   
  11.   var Dn = 'AM';   
  12.   if (Hours<=9)   
  13.     {    
  14.       Hours='0'+Hours;   
  15.     }   
  16.   if (Hours==0 || Hours>12)   
  17.     {   
  18.       Dn = 'PM';   
  19.     }     
  20.   if (Minutes<=9)   
  21.     {   
  22.       Minutes='0'+Minutes;   
  23.     }     
  24.   if (Seconds<=9)   
  25.     {   
  26.       Seconds='0'+Seconds;   
  27.     }     
  28.    NowTime = Years+'年'+Months+'月'+Days+'日 '+Hours+':'+Minutes+':'+Seconds+' '+Dn;   
  29.    if (document.layers){   
  30.      document.layers.liveclock.document.write(NowTime)   
  31.      document.layers.liveclock.document.close()   
  32.    }   
  33.    else if (document.all)   
  34.      liveclock.innerHTML=NowTime   
  35.    setTimeout('showtime()',1000)   
  36. }   
  37. </script>  

<table height=50 border=1 align=center width=200>
<tr>
<td bgcolor="#FFCC00" valign="middle">
<font size="2" face="Arial, Helvetica, sans-serif" color="black">
<DIV align=center id=liveclock></DIV></font></td>
</tr>
</table>

js 代码
  1. <script language="JavaScript">   
  2.    setTimeout('showtime()',1000)   
  3. </script>  
分享到:
评论
1 楼 alex8946 2007-02-26  
<script language="JavaScript">
function showtime()
{
  var GetTime = new Date();
  var Years = GetTime.getYear();
  var Months = GetTime.getMonth();
  var Days = GetTime.getDate();
  var Hours = GetTime.getHours();
  var Minutes = GetTime.getMinutes();
  var Seconds = GetTime.getSeconds();
  var Dn = 'AM';
  if (Hours<=9)
    {
      Hours='0'+Hours;
    }
  if (Hours==0 || Hours>12)
    {
      Dn = 'PM';
    } 
  if (Minutes<=9)
    {
      Minutes='0'+Minutes;
    } 
  if (Seconds<=9)
    {
      Seconds='0'+Seconds;
    } 
   NowTime = Years+'年'+Months+'月'+Days+'日 '+Hours+':'+Minutes+':'+Seconds+' '+Dn;
   if (document.layers){
     document.layers.liveclock.document.write(NowTime)
     document.layers.liveclock.document.close()
   }
   else if (document.all)
     liveclock.innerHTML=NowTime
   setTimeout('showtime()',1000)
}
</script>
<table height=50 border=1 align=center width=200>
<tr>
<td bgcolor="#FFCC00" valign="middle">
<font size="2" face="Arial, Helvetica, sans-serif" color="black">
<DIV align=center id=liveclock></DIV></font></td>
</tr>
</table>

<script language="JavaScript">
   setTimeout('showtime()',1000)
</script>

相关推荐

    javascript实现日期时间动态显示示例代码

    在IT领域,网页中动态显示日期和时间是一种常见的需求。通过JavaScript来实现这一功能,可以让页面内容更具交互性和实时性。本文将详细介绍使用JavaScript实现日期时间动态显示的示例代码。通过这个示例,我们可以...

    JAVASCRIPT网页农历日期动态显示.pdf

    本文档主要介绍了使用JavaScript实现农历日期的动态显示,包括农历干支纪年、生肖、农历月日、节气等的动态显示。该方法使用JavaScript脚本来计算农历日期,并提供了从2001年到2050年的数据。 在讲解JavaScript网页...

    javascript动态显示钟表

    ### JavaScript动态显示钟表知识点详解 #### 一、概述 在网页开发中,有时我们需要为用户提供实时的时间显示功能,比如动态显示当前时间的钟表。本文将详细介绍如何使用JavaScript(简称JS)来实现一个简单的动态...

    一个用javascript写的简单实用的日期控件

    总的来说,这个"一个用javascript写的简单实用的日期控件"是利用JavaScript的动态特性、ASP的服务器端处理能力和可能的DOM操作,为ASP环境提供了一个用户友好的日期选择工具。这样的控件简化了用户的输入操作,提高...

    javascript常用函数 javascript 常用库

    1. jQuery:这是一个广泛使用的JavaScript库,简化了DOM操作、事件处理、动画和Ajax交互。例如,`$(selector).click(function() {})`用于绑定点击事件。 2. Lodash:提供了大量实用的工具函数,如`_.map()`, `_....

    javascript函数的解释

    15. 函数定义:`function functionName([parameters]) {...}`定义一个函数。 16. 多个`form`表单:通过`document.forms[index]`访问。 17. 窗口操作:`window.open()`、`window.close()`和`self`分别用于打开新...

    通过JavaScript实现一个动态时钟

    3. **定时器**:`setInterval()`函数是JavaScript中的一个关键工具,它允许我们定期执行某段代码,通常用于实现动态效果,比如动态时钟。 【动态时钟实现步骤】 1. **创建日期对象**:首先,我们需要创建一个`Date...

    动态显示当前时间的js

    下面将详细解释如何使用JavaScript来创建一个动态显示当前时间的功能。 首先,我们需要理解JavaScript中的Date对象。Date对象是JavaScript内置的对象之一,它允许我们处理日期和时间。要获取当前时间,我们可以创建...

    javascript写的时钟

    具体实现时,首先创建一个Date对象获取当前时间,然后使用`setInterval()`函数每秒(1000毫秒)调用一个函数,该函数负责更新并显示时间。在显示函数中,通过Date对象的方法获取小时、分钟和秒,然后使用字符串拼接...

    javascript 日期数字文本格式化

    虽然日期格式化通常不需要jQuery,但在这个上下文中,它可能被用来辅助展示和处理日期,比如动态更新日期元素,或者从服务器获取并显示日期数据。 在实际应用中,JavaScript的日期格式化可以使用多种方式实现,包括...

    利用css+javascript实现的一个日期选择器代码

    【标题】:“利用css+javascript实现的一个日期选择器代码”涉及的核心知识点主要集中在CSS样式设计和JavaScript编程上,用于创建一个交互式的日期选择组件。日期选择器是网页表单中常见的一种元素,允许用户方便地...

    javascript 日期控件

    在JavaScript中,可以使用`new Date()`创建一个新的日期对象,或者使用`getDate()`, `getMonth()`, `getFullYear()`等方法获取当前日期的各个部分。如果需要设置日期,可以使用`setDate()`, `setMonth()`, `...

    javascript 常用验证函数.doc

    - 日历、时间控件、万年历、动态显示时钟效果等,通常通过创建自定义HTML元素和JavaScript函数实现。 2. 表单类: - 自动生成表单:动态创建HTML元素并绑定事件处理程序。 - 动态添加、修改、删除下拉框元素:...

    使用javascript实时显示系统当前时间

    使用JavaScript实现实时显示系统当前时间不仅增强了网页的交互性和实用性,也展示了JavaScript在处理动态内容方面的强大能力。通过本文的介绍和示例代码,开发者可以快速掌握并应用这项技能,进一步提升网站或应用的...

    javascript经典特效---title显示日期.rar

    在本案例"javascript经典特效---title显示日期.rar"中,我们聚焦的是如何利用JavaScript来实现在鼠标悬停时,标题(title)显示当前日期的功能。这种特效可以提升用户体验,使用户在无需离开页面或点击的情况下获取...

    javascript时间显示各种特效

    我们可以使用`Date()`构造函数创建一个表示当前日期和时间的对象,然后通过`getFullYear()`, `getMonth()`, `getDate()`, `getHours()`, `getMinutes()`, 和 `getSeconds()`等方法获取各个部分。为了格式化时间,...

    JavaScript生成的日期组件

    例如,文件可能会定义一个函数,该函数用于生成一个包含日、月、年的下拉菜单,使用户能够轻松选择特定日期。 `demo.bmp`则可能是日期组件的截图,展示了其在实际网页中的外观和布局。通过这个图片,开发者可以理解...

    JS实现日期时间动态显示的方法

    在JavaScript中,动态显示日期和时间是一项常见的需求,特别是在网页应用中。本文将详细解析如何使用JavaScript实现这一功能,特别是通过实例代码来说明具体的实现步骤。 首先,我们要明白JavaScript中的`Date`对象...

    javascript函数全集.pdf

    - `join()`: 将数组的所有元素合并为一个字符串,元素之间用指定的分隔符隔开。 - `length`: 属性,返回数组中元素的数量。 - `reverse()`: 颠倒数组中元素的顺序。 - `sort()`: 对数组元素进行排序,可以提供...

    函数调用显示当前日期

    本文将围绕一个简短而实用的JS代码片段进行深度剖析,该代码的主要功能是调用并显示当前系统的日期时间。 #### 核心代码解析: ```javascript &lt;script language="javascript" type="text/javascript"&gt; function ...

Global site tag (gtag.js) - Google Analytics