JavaScript实现页面实时显示当前时间

最新推荐文章于 2023-12-24 08:08:14 发布
最新推荐文章于 2023-12-24 08:08:14 发布
阅读量196 收藏
点赞数
分类专栏： javascript 文章标签： JavaScript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_14998/article/details/81917385
版权
<html>
<body>
<script language="javascript">
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;
case 1:{
strDate = "星期一"
}break;
case 2:{
strDate ="星期二"
}break;
case 3:{
strDate = "星期三"
}break;
case 4:{
strDate = "星期四"
}break;
case 5:{
strDate = "星期五"
}break;
case 6:{
strDate = "星期六"
}break;
case 7:{
strDate = "星期日"
}break;
}
year = today.getYear();
month = today.getMonth()+1;
date = today.getDate();
hour = today.getHours();
minute =today.getMinutes();
second = today.getSeconds();
document.getElementById('time').innerHTML = year + " 年 " + month + " 月 " + date + " 日 " + strDate +" " + hour + ":" + minute + ":" + second; //显示时间
setTimeout("showtime();", 1000); //设定函数自动执行时间为 1000 ms(1 s)
}
</script>

<div id="time"></div>

<script language="javascript"> showtime();</script>

</body>
</html>
iteye_14998
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript显示当前时间
weak1003的博客
05-29 145
本次实现js国庆倒计时小案例 开发工具与关键技术：Visual Studio 2015 JavaScript 当然 首先还是先写出大概布局如下图： 在对其添加 背景样式 和两个按钮的样式 下面便是我的css 样式了 这样再到类中添加JavaScript 代码便可如下图： 首先便是获取各项的div 而后 声明一个 分别获取本地时 分 秒， 然后使其更美观 所以使用了个三元运算判获取的本地时间小于 10的时候就在前面加一个0的操作 如果大于十那将不变 而后 在获取的shijian里使
JavaScript-练习在页面上动态显示当前时间
zzxv587的博客
06-03 293
需求： 把当前的时间在页面上动态的显示出来。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <span id="time"></span> ...
js显示实时时间
wyyy2088511的博客
05-23 790
box.innerHTML="今天是"+years+"年"+months+"月"+days+"日"+" "+zhou+" "+hours+":"+minutes+":"+seconds+" "+a;zhou="星期日";zhou="星期一";zhou="星期二";zhou="星期三";zhou="星期四";zhou="星期五";zhou="星期六";2.根据获取的时间，判断上下午，用am，pm表示。1.小时按12小时制，不足两位的前面补0。在页面里动态显示日期与时间。
JavaScript实现动态时间显示功能
a320976399的博客
10-29 1万+
一、基本思路 创建showTime()函数，利用JavaScript中的Date对象的属性及方法获取时间，利用Window对象的 setInterval() 方法按照指定的周期（以毫秒计）来调用函数或计算表达式。最后利用document对象实现在页面上显示。 二、代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>显示时间</title> <
js实现实时的时间显示
weixin_45719052的博客
06-14 4934
在页面里动态显示日期与时间 1.小时按12小时制，不足两位的前面补0 2.根据获取的时间，判断上下午，用am，pm表示 js代码 觉得有用的话就点个赞吧
javaScript时间动态显示
h
07-11 3454
借助javaScript实现时间动态显示 <script language="JavaScript"> function startTime() { var today=new Date();//定义日期对象 var yyyy = today.getFul
JavaScript实现页面实时显示当前时间的简单实例
10-27
介绍了页面实时显示当前时间的简单实例，有需要的朋友可以参考需要
jsp实现页面实时显示当前系统时间的方法
10-26
以下是实现页面实时显示当前系统时间的关键步骤： 1. **JavaScript代码解析**： - `function realSysTime(clock)` 是一个函数，它接受一个参数`clock`，这个参数通常是HTML元素的引用，用来显示时间。 - 使用`new...
JavaScript页面实时显示当前时间实例代码
10-21
最近因为项目需要，有个需求是让实时显示当前时间，然后想想这不简单吗，自己就动手敲代码，但是发现一个问题，通过getMonth()得到月份，总是会比当前月份少1，深深觉得实践出真知啊…之前觉得Date对象挺简单的，有...
JS自动走的时钟【定时器】
FF_Chen的博客
09-12 763
<!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获取当前时间，并实时更新
pspxuan的博客
10-16 3247
话不多说，直接上代码 function getDate(){ var myDate = new Date(); //实例化Date函数，获取日期等时间 console.log(myDate) //Wed Oct 16 2019 10:30:02 GMT+0800 (中国标准时间) myDate.getYear(); //获取当前年...
JavaScript实时显示当前时间
HerryDong的博客
12-13 1万+
JavaScript主要使用DateDate中的getMonth()方法返回值从0开始计数，获取日期需要使用getDate()方法，而不是getDay()方法。如果要实时获取时间，则需要使用Date结合定时器实现，下面介绍两种实现方法。使用和setTimeout都可以实时获取当前时间，如果你对递归深恶痛绝的话，那还是推荐使用，毕竟看起来更加简单直观。
html显示时间，并且实时刷新（详细代码）
『愚』的博客
02-19 2万+
完整代码如下： <div class="showTime">当前时间：2021年2月19-20时35分16秒</div> <script> var t = null; t = setTimeout(time, 1000); //開始运行 function time() { clearTimeout(t); //清除定时器 dt = new Date(); var y = dt.getFullYear(); var mt = dt
HTML：使用JavaScript（js）脚本在网页上显示实时时间
有意栽花花不发，无心插柳柳成荫。
02-15 7263
hello，大家好，我是wangzirui32，今天我们来学习如何在网页上显示当前时间。 1. 静态显示 这种方式只获取网页打开时的时间： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>获取时间</title> </head> <body> </body> </html>
html页面显示年月日时分秒和星期几
woshishuoshuoa的专栏
08-19 4345
Js代码 //-----------------------------方式一---------------------------------------------         "text/javascript">       function startTime(){            var today=new Date();            var
Js实现实时显示系统时间（获取当前时间并显示）
热门推荐
琅枫的博客
04-19 4万+
js可以通过Date对象获取当前日期和时间，使用Date()获取系统当前时间，在使用getFullYear()、getMonth()、getDate() 、getHours()等方法获取特定格式的时间，在使用innerHTM方法显示。 首先我们来了解一下js获取当前时间所需的一些方法： 获取当前时间： var d = new Date();//获取系统当前时间 获取特定格式的时间： 1、获取当前年份 getYear()方法：可以获取年份（2位或4位），其返回值是表示当前Date 对象的年份字段 说明：当年
html页面显示系统时间-格式为： xxxx年xx月xx日 xx:xx:xx （时分秒）
qq_57804294的博客
07-05 4660
html页面显示系统时间-格式为： xxxx年xx月xx日 xx:xx:xx （时分秒）
js获取当前时间，并实时更新
最新发布
子玉的博客
12-24 1473
这段代码会将当前时间格式化为 `xx:xx:xx` 的形式，并将其显示在id为 `time` 的元素中。同时，每秒钟会调用 `updateTime` 函数来更新时间。可以使用JavaScript的`Date()`对象来获取当前时间，并使用`setInterval()`函数实现实时更新。
javascript 如何用代码实现实时显示当前时间
04-25
可以使用 JavaScript 的 Date 对象来获取当前时间，然后动态更新页面上的时间展示。以下是示例代码： HTML ``` <div id="time"></div> ``` JavaScript ``` function updateTime() { const now = new Date(); ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值