js实时显示时间

最新推荐文章于 2022-06-14 21:53:57 发布
最新推荐文章于 2022-06-14 21:53:57 发布
阅读量456 收藏
点赞数
分类专栏： web--javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bestxiaok/article/details/53992056
版权 
<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.getFullYear(); 
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>
</script> 
<div id="time"></div> 
<script language="javascript"> showtime();</script> 


</body> 
</html> 
setTimeout("showtime();", 1000); //设定函数自动执行时间为 1000 ms(1 s)

这里的代码在调试的时候要加上双引号
要不然有时候报内存溢出不知道是什么地方的错误。
写代码一定要仔细！


isunlight001
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS 实时显示当前时间
web_Baron的博客
04-14 181
效果： 代码： 可直接粘切复制处： <!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, initial-scale=1.0">
js显示实时时间
最新发布
小马甲
12-22 1184
用`JS`实现`XXXX`年`XX`月`XX`日 星期`X` `XX`时`XX`分`XX`秒 效果。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
Js实现实时显示系统时间（获取当前时间并显示）
热门推荐
琅枫的博客
04-19 4万+
js可以通过Date对象获取当前日期和时间，使用Date()获取系统当前时间，在使用getFullYear()、getMonth()、getDate() 、getHours()等方法获取特定格式的时间，在使用innerHTM方法显示。 首先我们来了解一下js获取当前时间所需的一些方法： 获取当前时间： var d = new Date();//获取系统当前时间 获取特定格式的时间： 1、获取当前年份 getYear()方法：可以获取年份（2位或4位），其返回值是表示当前Date 对象的年份字段 说明：当年
用JS实现实时显示系统时间
qq_36190858的博客
10-27 832
用JS实现实时显示系统时间 废话我就不多说了，直接上图和代码了  效果图：     代码视图：    下面为大家附上代码，复制即可用： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;J
JavaScript实时显示当前时间
HerryDong的博客
12-13 1万+
JavaScript主要使用DateDate中的getMonth()方法返回值从0开始计数，获取日期需要使用getDate()方法，而不是getDay()方法。如果要实时获取时间，则需要使用Date结合定时器实现，下面介绍两种实现方法。使用和setTimeout都可以实时获取当前时间，如果你对递归深恶痛绝的话，那还是推荐使用，毕竟看起来更加简单直观。
一个php+js实时显示时间问题
10-23
在本文中，作者探讨了如何使用PHP和JavaScript来实现网页上实时显示时间的效果，并分享了在实现过程中遇到的问题和解决方案。首先，作者指出了常见的误区，即为什么直接使用PHP代码输出的时间在页面加载后不会变化，...
基于JS代码实现实时显示系统时间
01-19
1.概述 在浏览很多网站时，都会发现在网站中加入了显示当前系统时间的功能，在网页中显示当前系统时间，不仅可以方便浏览者掌握当前时间，而且还美化了网页。...（1）新建index.jsp页，编写实时显示系统时间
比较简洁的JavaScript 实时显示时间的脚本 修正版
10-30
为了使时间实时更新，我们使用了`setTimeout`函数，它每1000毫秒（即1秒）调用一次`Time`函数，确保时间持续更新。最后，我们使用`onload`事件来确保页面加载完成后立即调用`Time`函数。 此外，代码中还有一个更...
javascript实时显示北京时间的方法
10-24
本篇文章将详细介绍如何使用JavaScript在网页上实时显示北京时间，包括相关的时间显示技巧和实现方法。 首先，要实现实时显示北京时间，我们需要了解JavaScript中的Date对象以及它的相关方法。Date对象是JavaScript...
js实现实时的时间显示
weixin_45719052的博客
06-14 5025
在页面里动态显示日期与时间 1.小时按12小时制，不足两位的前面补0 2.根据获取的时间，判断上下午，用am，pm表示 js代码 觉得有用的话就点个赞吧
js 实时日期时间显示
飞猪
10-19 466
js 时间显示 效果： 代码： <!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>
Js显示实时时间
01-19 311
用Js显示时间，共包含两部分：一是JS代码，二是调用。 一、JS         function tick() {         var hours, minutes, seconds, xfile;         var intHours, intMinutes, intSeconds;         var today;         today = new
JS 展示实时时间
weixin_30653097的博客
06-26 173
function show_cur_times() { //获取当前日期 var date_time = new Date(); //年 var year = date_time.getFullYear(); //判断小于10，前面补0 if (year < 10) { ...
js动态显示实时时间
Cher洛洛的博客
08-27 4714
搜索了网上显示实时时间的代码，有的是用setInterval来写的，通过setInterval调用日期函数，达到在页面动态显示实时时间的目的，这样写发现一个问题，进入页面需要1秒的延迟，体验上稍微差一点，稍微改了一下代码取消掉这种延时。 $(function () { CurrentTime(); }) function CurrentTime() { ...
javaScript时间动态显示
h
07-11 3476
借助javaScript实现时间动态显示 <script language="JavaScript"> function startTime() { var today=new Date();//定义日期对象 var yyyy = today.getFul
JS实现实时时间显示效果
TonyTonyFun的博客
07-06 2051
用JS实现XXXX年XX月XX日 星期X XX时XX分XX秒 效果效果 ： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>time</title> <script type='text/javascript'> window.onload=function(){
js中用图片显示实时时间
05-26
3. 在JavaScript中使用setInterval函数来每秒更新一次时间图片的src属性，从而实现实时更新显示时间的效果。 以下是示例代码： HTML代码： ```html ``` JavaScript代码： ```javascript function updateTime()...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值