js动态时间

已于 2024-03-06 15:13:55 修改
阅读量166 收藏
点赞数
分类专栏： Web 文章标签： javascript jquery
于 2020-01-14 22:26:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_21774371/article/details/103981036
版权

示例效果

<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+"&nbsp;&nbsp;&nbsp;" + day;  
    setTimeout('startTime()',1000);//每一秒中重新加载startTime()方法
   }  
   
   function checkTime(i)  
   {  
    if (i<10){
     i="0" + i;
    }  
      return i;
   }  
  </script>
 </head>
 <body onload="startTime()">
  当前时间：<font color="#33FFFF"><span id="nowDateTimeSpan"></span></font>
 </body>
</html>
大坤_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
动态显示当前时间的js
08-26
兼容所有浏览器的js，用来动态显示当前时间，只需要调用，并传入显示区域的id即可
javascript设置指定年月日,js动态显示当前时间
阿发狗伪原创
11-14 1953
大家好，本文将围绕js中如何动态显示日期时间展开说明，javascript设置指定年月日是一个很多人都想弄明白的事情，想搞清楚js动态显示当前时间需要先了解以下几个事情。
JavaScript实现动态时间显示功能
a320976399的博客
10-29 1万+
一、基本思路 创建showTime()函数，利用JavaScript中的Date对象的属性及方法获取时间，利用Window对象的 setInterval() 方法按照指定的周期（以毫秒计）来调用函数或计算表达式。最后利用document对象实现在页面上显示。 二、代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>显示时间</title> <
html实现动态时间，以及动图动图效果
qq_66922072的博客
07-01 2104
通过不断获取不断获取本地时间之后上传到html页面上实现setTimeout：用于定时执行某个函数参数1：运行函数参数2：时间参数（毫秒），规定n秒后执行Date对象：可以获取当前电脑的时间的对象document.querySelector(".shwoTime").innerHTML：通过class值（.showTime)定位，填充信息通过对png图片设置旋转实现动图效果/* 设置10s旋转完成，匀速旋转，一只旋转*//* 下面的这个是一个函数，自定义旋转方式 */from {
JavaScript实现动态时钟显示
luckyboy!的博客
11-11 4442
1.创建html文件（时钟显示.html）；2.设置html标签；3.设置html标签的CSS样式；4.设置JavaScript；1)创建函数和Date；2）获取date变量中的年、月、日，拼接成日期；3）获取date变量中的小时、分钟、秒和日期，拼接成时间；4）获取节点并向节点中添加日期和时间；5）调用自定义函数dateTime和setInterval函数，实现动态时钟显示效果
利用JS在网页上动态的显示当前的时间
weixin_75141231的博客
06-03 2956
【代码】利用JS在网页上动态的显示当前的时间。
纯js实现动态时间显示
01-19
本文实例为大家分享了js动态时间显示 的具体代码，供大家参考，具体内容如下 <!doctype html> <html> <head> <meta charset=utf-8> <title>js动态时间显示 </title> </head&gt...
js动态获取时间的方法分析
10-16
主要介绍了js动态获取时间的方法,结合实例形式分析了javascript日期时间计算与页面元素动态操作相关实现技巧,需要的朋友可以参考下
纯JS实现动态时间显示代码
10-26
本篇文章主要是对纯JS实现动态时间显示的代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
js动态时间.pdf
09-27
js动态时间.pdf
html 显示动态时间
muxi_8800的博客
04-18 8002
html 显示动态时间
纯 html,css,js 实现动态时钟
qq_42981665的博客
08-01 261
/ 将时针 分针 秒针 加入到 clock。// 动态改变表针状态 每秒一次。// 创建时针 分针 秒针。
HTNL+JS网页获取系统中的标准时间（年月日星期时分秒）
weixin_63381305的博客
09-22 1172
【代码】HTNL+JS网页获取系统中的标准时间（年月日星期时分秒）
javascript获取时间及动态显示时间
路飞船长的博客
06-28 622
new Date().toLocaleDateString()` 是一个 JavaScript 表达式，用于获取当前日期并将其转换为本地化的日期字符串。它会返回一个表示当前日期的字符串，该字符串符合当前环境的本地化日期格式。本地化日期格式可能因不同的语言、地区和浏览器设置而有所不同。例如，在美国地区，该表达式的输出可能是 "6/27/2023"，而在德国地区，输出可能是 "27.6.2023"。具体的日期格式取决于本地化设置。
JS自动走的时钟【定时器】
FF_Chen的博客
09-12 730
<!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实现页面动态显示时间
m0_72687687的博客
08-11 1230
【代码】通过JS实现页面动态显示时间。
HTML页面显示时间——网页数字时钟、钟表
热门推荐
cnds123的专栏
09-02 3万+
一个HTML网页上动态显示系统时间——网页数字时钟、钟表，本文从简单到复杂给出一些例子。
JS实现动态时钟
最新发布
weixin_73054157的博客
12-14 202
获取Date变量中的年，月，日，合成日期。获取Date变量中的时，分，秒，合成时间。1.创建HTML文件（时钟.HTML）注：Date返回的是中国标准时间。4.设置JavaScript。2.设置HTML标签。
HTML中用javascript获取当前时间
qq_44700535的博客
05-22 9773
不处理，直接获取系统当前时间代码： <script type="text/javascript"> var t = new Date(); document.write(t) </script> 运行效果 符合中国人习惯的时间格式： <script type="text/javascript"> var t = new Date();//获取当前时间 ...
html+js动态时间轴
08-18
你可以使用HTML和JavaScript来创建一个动态时间轴。下面是一个简单的示例代码： HTML部分： ```html <div id="timeline"></div> ``` JavaScript部分： ```javascript // 时间轴数据 var timelineData = [ { year: "2020", event: "事件1" }, { year: "2021", event: "事件2" }, { year: "2022", event: "事件3" } ]; // 创建时间轴 function createTimeline() { var timeline = document.getElementById("timeline"); timelineData.forEach(function(item) { var timelineItem = document.createElement("div"); timelineItem.classList.add("timeline-item"); var year = document.createElement("div"); year.classList.add("year"); year.textContent = item.year; var event = document.createElement("div"); event.classList.add("event"); event.textContent = item.event; timelineItem.appendChild(year); timelineItem.appendChild(event); timeline.appendChild(timelineItem); }); } // 调用函数创建时间轴 createTimeline(); ``` CSS部分（可选）： ```css .timeline-item { margin-bottom: 20px; } .year { font-weight: bold; } .event { margin-top: 5px; } ``` 上述代码将创建一个简单的时间轴，显示了三个事件及其对应的年份。你可以根据需要自定义样式并添加更多的事件数据。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值