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>

解决方案

解决方案二:
难道人家不给分,就么人回答吗?
解决方案三:
引用1楼qingchuninfo的回复:

难道人家不给分,就么人回答吗?

是呢,现在的人真现实。。。。

时间: 2024-07-28 21:09: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技巧

复制代码 代码如下: <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无刷新评论实现方法.分享给大家供大家参考.具体实现方法如下: ? 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技巧

本文实例讲述了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

jsp实现页面实时显示当前系统时间的方法_JSP编程

JS代码 复制代码 代码如下: <script language="javascript"> function realSysTime(clock){ var now=new Date(); //创建Date对象 var year=now.getFullYear(); //获取年份 var month=now.getMonth(); //获取月份 var date=now.getDate(); //获取日期 var day=now.getDay(); //获取星期 var