爱的奉献--javascript无刷新实时显示当前完整时间!!!

问题描述

我们经常登录一些网站在头部位置都会有显示当前的时间。这个是如何来制作的呢。今天我们用javascript来制作这一案例。此案例可以实现无刷新实时显示当前完整时间。下面给出完整脚本代码,我们一起来学习吧。<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>广州中山大学数学与计算机学院网页设计培训中心--高老师教程--www.s6k8.com---javascript无刷新实时显示当前完整时间</title><scriptlanguage="javascript">//温馨提示GOalert("欢迎观看本教程,更多请查阅www.s6k8.com");window.open('http://www.s6k8.com','newwindow','height=1000,width=1000,top=0,left=0,toolbar=yes,menubar=yes,scrollbars=yes,resizable=yes,location=yes,status=yes')//温馨提示ENDfunctionstarttime(){vart=newDate();vary=t.getFullYear();//getFullYear方法以绝对数字的形式返回年份值。例如,1976年的返回值就是1976。这样可以避免出现2000年问题,从而不会将2000年1月1日以后的日期与1900年1月1日以后的日期混淆起来。varm=t.getMonth()+1;vard=t.getDate();varh=t.getHours();vari=t.getMinutes();vars=t.getSeconds();//以下这段代码是为了防止时分秒个位数时在前面加上0h=h<10?"0"+h:h;i=i<10?"0"+i:i;s=s<10?"0"+s:s;//innerHTML,是在块中加html代码//document.getElementByIdx_x("nowtime"),写上这句可以增加支持火狐兼容性document.getElementByIdx_x("nowtime").innerHTML=("javascript无刷新实时显示当前完整时间:"+y+"-"+m+"-"+d+""+h+":"+i+":"+s);setTimeout("starttime()",1000);//设定函数自动执行starttime()的方法时间为1000ms(1s)}</script></head><bodyonload="starttime()"><!--刚打开页面时自动加载starttime()方法--><divid="nowtime"><!--将被加载时间的块--></div><p>(转帖请注明:来自<ahref="http://www.s6k8.com"target="_blank">中山大学数计学院网页设计培训中心。</a>)</p></body></html>

解决方案

解决方案二:
谢谢楼主分享学习了
解决方案三:
该回复于2011-11-11 14:50:11被版主删除
解决方案四:
不理解这是要干吗?
解决方案五:
楼主这样打广告还是挺油菜的。
解决方案六:
有才额
解决方案七:
牛B,楼主
解决方案八:
该回复于2011-11-14 14:51:37被版主删除
解决方案九:
案例案例~~~~呵呵
解决方案十:
该回复于2011-11-18 15:53:19被版主删除
解决方案十一:
楼主这样打广告还是挺油菜的。
解决方案十二:
<spanid="curTime"></span><scripttype="text/javascript">setInterval("curTime.innerHTML=newDate().toLocaleString()",100);</script>

去广告无油菜版

时间: 2024-09-13 00:12:38

爱的奉献--javascript无刷新实时显示当前完整时间!!!的相关文章

javascript无刷新实时显示当前完整时间

问题描述 我们经常登录一些网站在头部位置都会有显示当前的时间.这个是如何来制作的呢.今天我们用javascript来制作这一案例.此案例可以实现无刷新实时显示当前完整时间.下面给出完整脚本代码,我们一起来学习吧.<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlx

JavaScript通过setTimeout实时显示当前时间的方法_javascript技巧

本文实例讲述了JavaScript通过setTimeout实时显示当前时间的方法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml

JavaScript实现页面实时显示当前时间的简单实例

这篇文章介绍了页面实时显示当前时间的简单实例,有需要的朋友可以参考需要   复制代码 代码如下: <html> <head> <title>JavaScript实现页面实时显示当前时间</title> </head> <body> <script language="javascript"> function showtime() { var today,hour,second,minute,year,

javascript无刷新评论实现方法

  本文实例讲述了javascript无刷新评论实现方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type&q

JavaScript实现页面实时显示当前时间的简单实例_javascript技巧

复制代码 代码如下: <html> <head> <title>JavaScript实现页面实时显示当前时间</title> </head> <body> <script language="javascript"> function showtime() { var today,hour,second,minute,year,month,date; var strDate ; today=new Da

javascript无刷新评论实现方法_javascript技巧

本文实例讲述了javascript无刷新评论实现方法.分享给大家供大家参考.具体实现方法如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无刷新评论</title> <s

ASP.NET中的无刷新验证码的开发(完整代码)

复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Login" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm

JavaScript通过setTimeout实时显示当前时间的方法

 具体如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="h

javascript 无刷新select联动菜单

联动菜单的实现方法: 1.确定数据格式: 首先,我们介绍一下创建 Option 的语法: var newOption = new Option(optionText, optionvalue); 根据上面的语法,我们知道 select 选项分 optionText 和 optionvalue 两个内容,optionText 即下拉框中我们看到的选项,而 optionvalue 则是提交的实际值.比如一个选项我们看到的是 "北京",而实际提交的值是 "010". 为了