- 浏览: 786456 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (573)
- Java基础 (76)
- C++基础 (5)
- hibernate (5)
- struts (4)
- spring (1)
- webservice (7)
- AjaX基础 (0)
- JS脚本 (53)
- 正则表达式 (5)
- html脚本 (30)
- 数据库基础 (54)
- 工作相关 (49)
- 其他 (30)
- Linux (9)
- web服务器 (17)
- JSP (13)
- eclipse (6)
- 面试题相关 (20)
- XML (3)
- Apache common (2)
- 生活 (35)
- VMware (1)
- log4j (9)
- BeanUtils (2)
- 设计模式 (3)
- UML (1)
- UNIX (1)
- ibats (5)
- GT-Grid (17)
- ABAP学习 (17)
- ABAP (35)
- ABAP--ALV (11)
- ABAP--WEBDIMPRO (0)
- abap-sample (1)
- BEMS (2)
- flex (33)
- GIS技术 (3)
最新评论
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js动态显示当前日期,时间和星期代码</title> <script> function getDate(){ var date=new Date(); var month=date.getMonth()+1; var day=date.getDate(); if(month.toString().length == 1){ //或者用if (eval(month) <10) {month="0"+month} month='0'+month; } if(day.toString().length == 1){ day='0'+day; } return date.getYear()+'/'+month+'/'+day+' '+date.toLocaleString().substring(date.toLocaleString().length-10)+' '+'星期'+'日一二三四五六'.charAt(date.getDay()); } </script> </head> <body> 当前时间:<div id="time"> <script> document.getElementById('time').innerHTML=getDate(); setInterval("document.getElementById('time').innerHTML=getDate();",1000); </script> </div> <span id="day1"> <script> document.getElementById('day1').innerHTML=new Date().getYear()+"年"+(new Date().getMonth()+1)+"月"+new Date().getDate()+"日"+' 星期'+'日一二三四五六'.charAt(new Date().getDay()); </script> </span> <span id="day2"> <script> document.getElementById('day2').innerHTML=new Date().toLocaleString(); setInterval("document.getElementById('day2').innerHTML=new Date().toLocaleString();",1000); </script> </span> <br> <p> setInterval() 1秒后会执行,页面载入后会出现1秒空白<br> 要显示在一行,请使用<span>标签<br> 如果使用new Date().getHours()方法,下午的时间会返回12以上的值,我将它换为PM时间方式显示 </P> </body> </html>
发表评论
-
JavaScript事件
2010-05-13 14:37 1275事件(上) JavaScript事件列表 事件 解说 一般 ... -
flex学习
2010-05-06 20:17 820flex学习例子, -
JSON法创建JavaScript对象
2010-01-14 21:33 925<!DOCTYPE html PUBLIC " ... -
JavaScript Math 对象与函数
2010-01-14 21:16 1196Math函数 Math.abs() -- 返回 ... -
JavaScript Date 对象与函数
2010-01-14 21:14 938JavaScript_Date对象说明 Date对象构造函数 ... -
日历控件
2010-01-13 16:03 809日历控件 编辑控件 -
访问iframe里面的javascript函数、对象,兼容IE、Firefox
2009-12-29 23:16 1582假如你当前主页面中嵌入了一个iframe,ID为:iframe ... -
document.createElement等DOM函数与属性
2009-12-18 17:05 12191、创建节点 createElemen ... -
document.createElement("A")的相关属性
2009-12-18 17:03 1958<html> <BODY> ... -
removeChild 使用注意事项
2009-12-18 16:55 886Java代码 var giftBody = document ... -
获取HTML DOM节点元素的方法
2009-12-18 16:47 1096在Web应用程序特别是Web2.0程序开发中,经常要获取页面 ... -
js 按钮交互 元素属性获取
2009-12-18 16:44 1050<html xmlns="http://www ... -
HTML DOM selectedIndex 属性
2009-12-18 16:34 1332定义和用法 selectedIndex 属性可设置或返回下拉 ... -
hyperlink 控制
2009-12-18 16:09 953<html> <head> ... -
onchange()和onblur()
2009-12-18 15:54 1440<html> <head> ... -
JS时间对象
2009-12-17 18:09 1432时间对象用来操作日期和时间。 Examples 举例 Ret ... -
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
2009-12-16 17:40 8011判断select选项中 是否存在Value="pa ... -
javascript 暂定执行一段时间
2009-12-16 17:31 2169有人说window.setTimeout("func ... -
JS常用对象介绍
2009-12-16 17:22 891click() 对象.click() ------------ ... -
JS事件对象
2009-12-16 17:20 1206事件源对象 event.srcElement.tagName ...
相关推荐
总结来说,"动态显示当前时间的js"是一种利用JavaScript Date对象和定时器功能实现网页上实时更新当前时间的技术。通过理解和应用这些知识,开发者可以创建各种动态时间显示功能,适应不同项目的需求。
使用JavaScript动态显示出时间,使用setTimeout(),秒钟每隔一秒增加.....
在本例中,我们要讨论如何使用JavaScript来动态显示客户端机器的当前时间。 JavaScript获取系统时间是通过`Date`对象实现的。`Date`对象是JavaScript内置的对象,提供了多种方法来处理日期和时间。首先,我们可以...
《使用jquery.timer.js实现动态显示时间的深度解析》 在网页设计中,实时显示时间是一项常见的需求,例如倒计时、实时更新的时间戳等。jQuery作为一个广泛使用的JavaScript库,为开发者提供了丰富的功能和便利。而...
使用js动态显示当前时间(包括年月日星期以及时分秒),本人已经调试成功了,大家快点来下载吧!就一分,真心值的
### JavaScript动态显示钟表知识点详解 #### 一、概述 在网页开发中,有时我们需要为用户提供实时的时间显示功能,比如动态显示当前时间的钟表。本文将详细介绍如何使用JavaScript(简称JS)来实现一个简单的动态...
为了动态显示时间,我们需要使用JavaScript的定时器`setInterval`函数。这个函数每隔一定的时间(以毫秒为单位)执行一次指定的函数。例如,每秒更新一次时间: ```javascript function displayTime() { var now =...
JS动态 显示当前时间 当前时间控件 当前时间实例
页面动态显示系统当前时间的js方法,年月日、时分秒、星期几都有
在HTML页面动态显示当前时间,效果如下: 现在是:2011年7月6日 20:02:50
本项目涉及的主题是“HTML JavaScript...综上所述,"HTML JavaScript jQuery 时间动态显示"是一个结合了HTML布局、JavaScript动态更新和jQuery简化操作的示例,通过这些技术,可以创建一个实时显示当前时间的网页组件。
主要介绍了JS实现HTML页面中动态显示当前时间,结合完整实例形式分析了JavaScript使用时间函数setTimeout及clearTimeout动态显示当前时间相关操作技巧,非常简单实用,需要的朋友可以参考下
### js动态显示服务器时间 在Web开发中,准确地显示时间是非常重要的,特别是在涉及不同时区的用户或者需要保持统一时间基准的情况下。本篇文章将详细解释如何使用JavaScript(简称JS)与Ajax技术来实现实时获取并...
要实现动态显示时间,我们需要使用JavaScript的setInterval()函数,这个函数可以按照指定的间隔重复执行一个函数。例如,我们可以每秒钟更新一次时间显示。以下是一个简单的jQuery动态显示时间的示例: ```html <!...
以上就是使用JavaScript动态显示服务器时间的基本步骤和相关知识点。通过理解这些概念,你可以创建一个实时更新的时钟组件,让Web应用的时间显示始终与服务器保持一致。在实际开发中,你可能还需要考虑时区转换、...
HTML(HyperText Markup Language)和JS(JavaScript)是构建网页内容和行为的两种核心技术,它们共同作用于实现动态显示本地...动态显示时间通常在网站中用于显示当前日期、时间或是倒计时等,是一个实用的技术点。
总结来说,JS实现日期时间动态显示主要涉及以下知识点: - `Date` 对象:JavaScript 中处理日期和时间的基础。 - `toLocaleString`:将日期对象转换为本地时间字符串。 - `getDay`:获取日期对象是一周中的哪一天...
html中javascript实现网页动态显示时间的关键步骤,和代码
本教程将详细介绍如何使用HTML、CSS和JavaScript这三个核心技术来创建一个简单的网页,动态显示时间"XX:XX:XX"的格式。 首先,我们来看HTML部分。HTML(HyperText Markup Language)是网页内容的基础结构。在`...
首先,我们要了解JavaScript动态下拉时间控件的基本原理。在HTML页面中,我们通常会用到`<select>`元素来创建下拉菜单。但是,这种传统的方法无法满足复杂的时间选择需求。因此,开发者会利用JavaScript来创建更为...