页面实时显示时间JS

最新推荐文章于 2024-04-21 11:00:35 发布
最新推荐文章于 2024-04-21 11:00:35 发布
阅读量408 收藏
点赞数
分类专栏： JS 文章标签： div function date html 文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hua_oa/article/details/4353237
版权

新建一html文档,内容如下即可实现页面显示时间

 

 

function TimeCounter()
{ 
 var x = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
 var t = new Date();
 Div_TimeInfo.innerHTML = t.toLocaleDateString()+"   "+x[t.getDay()]+"     "+t.toLocaleTimeString();
 setTimeout("TimeCounter()", 1000);
}

<body οnlοad=TimeCounter()>
<div id=Div_TimeInfo.innerHTML></div>
</body>

 

格式如下:

2009年7月16日 星期四 12:23:50
hua_oa
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在Web页面中显示当前日期和系统时钟
12-23
基于jQuery的插件，用于在页面中显示当前的日期和系统时钟。 例：$('div').smartClock();
实现页面实时显示当前时间 js
不忘初心的博客
04-21 9653
js代码 function showtime() { var today,hour,second,minute,year,month,date; var strDate ; today=new Date(); var n_day = today.getDay(); switch (n_day) { case 0:{ strDate = "星期日"; }break;
如何在网页中动态的显示日期时间，看看拿来就能用
热门推荐
08-11 2万+
本文主要说明的是如何在网页中动态的显示日期时间，我们这儿使用js来实现，很简单，一看就会。 为动态显示系统时间的javascript代码及页面代码： 网页中动态的显示系统日期时间 function startTime() { var today=new Date();//定义日期对象 var yyyy = today.getFu
页面实时显示当前时间
qq_51644702的博客
04-12 1930
知识点涉及： 1、时间获取和格式设定 2、给标签设定操作事件 3、定时器设置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width
通过JS实现页面动态显示时间
m0_72687687的博客
08-11 1222
【代码】通过JS实现页面动态显示时间。
html实时显示时间,基于JS代码实现实时显示系统时间
weixin_35677363的博客
06-10 1585
1.概述在浏览很多网站时，都会发现在网站中加入了显示当前系统时间的功能，在网页中显示当前系统时间，不仅可以方便浏览者掌握当前时间，而且还美化了网页。2.技术要点利用Date对象来实现。首先创建一个表示当前系统时间的Date()对象，然后通过Date对象的getXxx()方法获得当前系统时间的年、月、日、小时、分、秒和星期的值，接下来将获得的这些值组合成一个日期时间字符串，并将日期时间字符串设置成为...
JavaScript页面实时显示当前时间实例代码
10-21
最近因为项目需要，有个需求是让实时显示当前时间，然后想想这不简单吗，自己就动手敲代码，但是发现一个问题，通过getMonth()得到月份，总是会比当前月份少1，深深觉得实践出真知啊…之前觉得Date对象挺简单的，有...
JavaScript通过setTimeout实时显示当前时间的方法
10-24
主要介绍了JavaScript通过setTimeout实时显示当前时间的方法,涉及javascript操作时间显示的技巧,非常具有实用价值,需要的朋友可以参考下
JavaScript实现页面实时显示当前时间的简单实例
10-27
介绍了页面实时显示当前时间的简单实例，有需要的朋友可以参考需要
javascript页面动态显示时间变化示例代码
10-26
页面动态显示时间变化的方法有很多，本文为大家介绍下使用javascript的具体实现，感兴趣的朋友不要错过
不需要在 HTML 中添加任何额外的标签，就能实现复杂的设计效果。
最新发布
qq_30094821的博客
04-21 284
不需要在 HTML 中添加任何额外的标签，就能实现复杂的设计效果。
利用HTML实现秒表功能
K584122526的博客
04-17 703
启动</button><button id="restBn">复位
用html画一个四叶草
liulang68的博客
04-20 877
以上是部分代码，需要请看主页加联系方式。
HTML 入门
lvshihao_的博客
04-16 1041
全称：Internet Engineering Task Force（国际互联网工程任务组），成立于1985年底，是一个权威 的互联网技术标准化组织，主要负责互联网相关技术规范的研发和制定，当前绝大多数国际互联网技术标准均出自IETF。全称：World Wide Web Consortium（万维网联盟），创建于1994年，是目前Web技术领域，最具影响力的技术标准机构。超文本：暂且简单理解为 “超级的文本”，和普通文本比，内容更丰富。注意：文档声明，必须在网页的第一行，且在 html 标签的外侧。
如何创建响应式HTML电子邮件模板
晓风晓浪
04-20 1108
在这个适合初学者的指南中，你将学习如何创建一个响应式电子邮件模板。你将跟随逐步说明以及代码片段设计一个在任何设备上都看起来很棒的电子邮件模板。这个项目非常适合渴望掌握电子邮件设计基础的新手！（本文视频讲解：java567.com）
【HTML】制作一个简单的实时字体时钟
qq_70814008的博客
04-11 1691
整体上，这个网页应用程序通过HTML提供了页面结构，CSS赋予了页面美观的样式，而JavaScript则让页面具有动态更新和用户交互的能力。三者共同协作，实现了一个既美观又实用的动态时钟和日期时间转换工具。
数据可视化-ECharts Html项目实战（13）
qq_49513817的博客
04-17 2776
今天的文章，我会以鼠标左键触发为例带着大家学习ECharts特殊图表设置中组件交互的行为事件。希望你能在本篇文章中有所收获。希望我的文章能帮助到正在学习的你，也欢迎各位来本篇文章下一起交流学习，共同进步。
高频前端面试题汇总之HTML篇
qq_51685537的博客
04-18 588
不同的渲染模式会影响浏览器对 CSS 代码甚⾄ JavaScript 脚本的解析。它必须声明在HTML⽂档的第⼀⾏。浏览器渲染页面的两种模式（可通过document.compatMode获取，比如，语雀官网的文档类型是。
js html生成图片
wwtx2048的博客
04-17 353
js html生成图片。
如何在html页面上实时显示当前时间
03-22
1. 在HTML页面中添加一个用于显示时间的元素，比如<div id="time"></div>。 2. 在JavaScript中使用Date对象获取当前时间，然后将其格式化为字符串。 3. 使用JavaScript中的定时器函数setInterval()，每隔一定时间...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值