在页面上动态显示当前时间

最新推荐文章于 2024-04-17 05:19:47 发布
最新推荐文章于 2024-04-17 05:19:47 发布
阅读量5.2k 收藏 8
点赞数 1
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/admin123404/article/details/89377789
版权

<html>
    <head>
        <title>网页中动态的显示系统日期时间</title>
        <script language="JavaScript">
            function startTime()   
            {   
                var today=new Date();//定义日期对象   
                var yyyy = today.getFullYear();//通过日期对象的getFullYear()方法返回年    
                var MM = today.getMonth()+1;//通过日期对象的getMonth()方法返回年    
                var dd = today.getDate();//通过日期对象的getDate()方法返回年     
                var hh=today.getHours();//通过日期对象的getHours方法返回小时   
                var mm=today.getMinutes();//通过日期对象的getMinutes方法返回分钟   
                var ss=today.getSeconds();//通过日期对象的getSeconds方法返回秒   
                // 如果分钟或小时的值小于10，则在其值前加0，比如如果时间是下午3点20分9秒的话，则显示15：20：09   
                MM=checkTime(MM);
                dd=checkTime(dd);
                mm=checkTime(mm);   
                ss=checkTime(ss);    
                var day; //用于保存星期（getDay()方法得到星期编号）
                if(today.getDay()==0)   day   =   "星期日 " 
                if(today.getDay()==1)   day   =   "星期一 " 
                if(today.getDay()==2)   day   =   "星期二 " 
                if(today.getDay()==3)   day   =   "星期三 " 
                if(today.getDay()==4)   day   =   "星期四 " 
                if(today.getDay()==5)   day   =   "星期五 " 
                if(today.getDay()==6)   day   =   "星期六 " 
                document.getElementById('nowDateTimeSpan').innerHTML=yyyy+"-"+MM +"-"+ dd +" " + hh+":"+mm+":"+ss+"       " + day;   
                setTimeout('startTime()',1000);//每一秒中重新加载startTime()方法 
            }   
            
            function checkTime(i)   
            {   
                if (i<10){
                    i="0" + i;
                }   
                  return i;
            }  
        </script>
    </head>
    <body οnlοad="startTime()">
        当前时间：<font color="#33FFFF"><span id="nowDateTimeSpan"></span></font>    
    </body>
</html>

Zero .
关注
  • 1
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript-练习在页面上动态显示当前时间
zzxv587的博客
06-03 292
需求： 把当前的时间在页面上动态的显示出来。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <span id="time"></span> ...
JavaScript——在页面上实现一个显示当前时间的动态时钟
weixin_67658096的博客
09-24 2013
js 动态时钟
HTML+JS动态获取当前时间(1)，Web前端中常见的面试题
最新发布
m0_60606468的博客
04-17 256
window.requestAnimationFrame()方法告诉浏览器您希望执行动画并请求浏览器在下一次重绘之前调用指定的函数来更新动画，通常与 setTimeout() 方法一起使用。| getSeconds() | 返回 Date 对象的秒数 (0 ~ 59) |JavaScript 中 requestAnimationFrame()方法。
利用JS在网页上动态的显示当前的时间
weixin_75141231的博客
06-03 3265
【代码】利用JS在网页上动态的显示当前的时间。
JS自动走的时钟【定时器】
FF_Chen的博客
09-12 758
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <p id="pD.
js动态显示当前时间
Bruce_Json的博客
03-22 4971
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"> function showTime() { nowtime = new Date(); ...
JS实现HTML页面中动态显示当前时间完整示例
10-18
主要介绍了JS实现HTML页面中动态显示当前时间,结合完整实例形式分析了JavaScript使用时间函数setTimeout及clearTimeout动态显示当前时间相关操作技巧,非常简单实用,需要的朋友可以参考下
C#中动态显示当前系统时间的实例方法
09-05
总结来说，这段代码通过JavaScript实现了在网页上动态显示当前系统时间的功能，主要涉及`Date`对象、时间格式化以及事件监听（onload事件）。虽然标题提到C#，但实际操作是基于JavaScript和HTML的前端技术。
Java从服务器上获取时间动态显示在jsp页面实现思路
01-08
Java获取服务器时间，动态显示到jsp页面，大家都是到Java只能获取一次，到页面的时间是静态的，不过通过js和Java的合作，巧妙地实现此功能。本人是给电视做系统，客户要求页面能显示时间，因为电视浏览器获取的时间...
jsp实现页面实时显示当前系统时间的方法
10-26
以下是实现页面实时显示当前系统时间的关键步骤： 1. **JavaScript代码解析**： - `function realSysTime(clock)` 是一个函数，它接受一个参数`clock`，这个参数通常是HTML元素的引用，用来显示时间。 - 使用`new...
页面动态显示系统当前时间的js方法
12-27
页面动态显示系统当前时间的js方法，年月日、时分秒、星期几都有
jsp Response对象页面重定向、时间的动态显示.docx
01-20
jsp Response对象页面重定向、时间的动态显示.docx
在页面上显示当前日期和时间
09-08
更多资源请查看: http://download.csdn.net/user/njzdl
数字时钟,动态显示当前时间,C#源代码public string ProcessTime()
01-09
数字时钟,动态显示当前时间,C#源代码public string ProcessTime() { string sTime; // Get the current time int iHour = DateTime.Now.Hour; int iMin = DateTime.Now.Minute; int iSec = DateTime.Now.Second; // Format the current time into a string... sTime = (iHour < 10) ? "0" + iHour.ToString() : iHour.ToString(); sTime += ":" + ( (iMin < 10) ? "0" + iMin.ToString() : iMin.ToString() ); sTime += ":" + ( (iSec < 10) ? "0" + iSec.ToString() : iSec.ToString() ); return sTime; } VisualStudio2008创建
在页面里动态显示日期与时间
qq_59494319的博客
06-14 817
在页面里动态显示日期与时间
JS基础之在页面显示当前时间,并同步当前时间
lanseguhui的博客
07-18 796
&lt;!DOCTYPE html&gt; &lt;html lang="zh-CN"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;/body&
在网页中动态显示当前的系统日期和时间(最简代码)
yehaiping1214的专栏
03-03 9539
方法一：格式如（2008年6月19日 21:19:29）      setInterval("document.all.sTime.innerText=new   Date().toLocaleString()",1000)  方法一：格式如（2008年6月19日 21:19:49 星期四）          setInterval("jnkc.innerHTML=
页面实时显示当前时间
热门推荐
感叹号○的博客
01-27 1万+
在页面上实时显示当前的时间
js在页面中动态显示当前时间
10-13
JS可以在网页上动态地显示当前时间。具体实现方法如下： 1. 在页面设置显示时间的位置，例如：<span id="showTime"></span> 2. 编写JS代码，获取当前时间并将其显示在指定位置。代码如下： <script&...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值