js 输出当前时间 （即时变化…

最新推荐文章于 2021-09-02 15:17:10 发布
最新推荐文章于 2021-09-02 15:17:10 发布
阅读量459 收藏
点赞数
分类专栏： js相关
原文地址：js 输出当前时间 （即时变化） 作者：无尽空虚

找了三个方法 都是转载的，我给优化了下。

方法一:（全浏览器兼容）

<html>
<head>
</head>
<body οnlοad="startTime()">
<div id="ShowTime"></div>
</body>
</html>


<script type="text/javascript">
<!--
function startTime()
{
var today=new Date()
var years=today.getFullYear();
var months=today.getMonth();
var d=today.getDate()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
months=months+1
months=checkTime(months)
d=checkTime(d)
m=checkTime(m)
s=checkTime(s)
var weekday=new Array(7)
weekday[0]="星期日"
weekday[1]="星期一"
weekday[2]="星期二"
weekday[3]="星期三"
weekday[4]="星期四"
weekday[5]="星期五"
weekday[6]="星期六"
var w=weekday[today.getDay()]
document.getElementByIdx_x('ShowTime').innerHTML=years+"年"+months+"月"+d+"日 "+w+" "+h+":"+m+":"+s;
t=setTimeout('startTime()',500)
}
function checkTime(i)
{
if (i<10)
{i="0" + i}
return i
}
-->
</script>

 

方法二：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title>用JS实现显示当前时间(实时变化)</title>
<script language="Javascript" type="text/javascript"> 
setInterval("timer.innerHTML=new Date().toLocaleString()"); 
        window.onload = function (){
  setInterval("timer.innerHTML=new Date().toLocaleString()",1000); 
  }

</script>

</head>
<body>

<div id="timer">
</div>

</body>
</html>

 

方法三:

<html>
<body>
 <script language="JavaScript">
//定义一个tick函数，以获取系统的时间
function tick()
{
var year,month,day,hours,minutes,seconds,ap;
var intYear,intMonth,intDay,intHours,intMinutes,intSeconds;
var today;
today=new Date();
intYear=today.getYear();
intMonth=today.getMonth()+1;
intDay=today.getDate();
intHours=today.getHours();
intMinutes=today.getMinutes();
intSeconds=today.getSeconds();
//获取系统时间的小时数
if(intHours==0)
{
hours=intHours+":";
ap="凌晨";
}
else if(intHours<12)
{
hours=intHours+":";
ap="早晨";
}
else if(intHours==12)
{
hours=intHours+":";
ap="中午";
}
else
{
intHours=intHours-12;
hours=intHours+":";
ap="下午";
}
//获取系统时间的分数
if(intMinutes<10)
{
minutes="0"+intMinutes+":";
}
else
{
minutes=intMinutes+":";
}
//获取系统时间的秒数
if(intSeconds<10)
{
seconds="0"+intSeconds+" ";
}
else
{
seconds=intSeconds+" ";
}
timeString=intYear+'年'+intMonth+'月'+intDay+'日'+hours+minutes+seconds+ap;
Clock.innerHTML=timeString;
//每隔0.1秒钟执行一次tick函数
window.setTimeout("tick()",100);
}
window.οnlοad=tick;
</script><div id="Clock"></div>

</body>
</html>

fightingJava2020
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Js页面时间日志代码
03-29
calendar页面日期日志
JavaScript输出实时时间
QBjie的博客
07-17 143
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <span id="time"></span> <script> function show() { var date = new Date() var year.
用JS实现显示当前时间(实时变化)
weixin_33961829的博客
09-23 404
首先在&lt;head&gt;之间加上JS方法：     &lt;script language="javascript" type="text/javascript"&gt;          setInterval("timer.innerHTML=new Date().toLocaleString()+'&amp;nbsp;&amp;nbsp;星期'+'日一二三四五六'.charAt(ne...
JS获取当前时间
Lonely programmer
12-29 308
记录一下： http://bbs.blueidea.com/forum.php?mod=viewthread&amp;tid=1269509 下面代码参考于:https://zhidao.baidu.com/question/586458033.html 代码如下: var d = new Date(); console.log(d); // 输出：Mon Nov 04 2013 21:50:33...
js获取当前时间的时间戳
tian_jiangnan的博客
04-18 341
var time = Math.round(new Date() / 1000) console.log("时间戳位:", time); 一定要有/1000；
&nbsp;基于Android校园即时信息系统研究
01-30
&nbsp;随着移动通信技术和互联网技术的大力发展，智能手机普及，已成为校园学生的一个必备工具。智能手机不仅具有的通讯功能，还具有像PC机一样的操作系统能够上网，运行软件等。现在大学校园的学生智能手机完全普及...
&nbsp;基于TPSN 和DMTS 的低能耗时间同步算法
01-29
&nbsp;针对现有时间同步算法不能满足WBSNs 能量受限的问题，提出了一种基于TPSN 和DMTS 的低能耗时间同 步算法。该算法在保证一定同步精度的前提下，通过减少信息交换次数来达到低能耗的要求。实验表明，TPTS 算...
&nbsp;PSoC在时间谱采集电路中的应用
01-30
&nbsp;在脉冲中子氧活化测井仪中，伽马射线时间谱的采集是仪器至为关键的部分。伽马射线时间谱采集电路常用的设计采用单片机与CPLD组合的方案，CPLD实现伽马射线计数，单片机则负责数据的处理、传输等工作。基于单片...
空格在Html中如何表示(&nbsp有什么含义)
09-28
如: 这样的字符。其实是Html一些特殊字符的一种表达方式，常见的有 空格，& &等等
&nbsp;一种自动改变窗口尺寸的跟踪算法
01-30
&nbsp;在动态目标跟踪过程中，实用的跟踪系统要求能实时地适应运动目标的外观变化，为了解决CamShift算法在跟踪尺度变化的目标的不准确问题，本文在原算法基础上预测搜索窗口的尺寸，同时也对运动目标质心位置进行...
nodejs 异步之 Timer &Tick; 篇
05-01 172
nodejs 异步之 Timer &Tick; 篇 nodejs 异步之 Timer &Tick; 篇 - CNodenodejs 异步之 Timer &Tick; 篇Timer： 在前端开发中，我们 经常会使用setTimeout 函数...
js 获取当前时间 并格式化输出
刺心的博客
05-15 3921
js 获取当前时间 并格式化 前台js 获取当前时间： new Date().toLocaleString(‘cn’,{hour12:false}) //2018/12/6 17:57:15 new Date().toLocaleDateString(‘cn’,{hour12:false}) //2018/12/6 new Date().toLocaleTimeString(‘cn’,{hour1...
JS 获取当前时间的几种方式
郭宝的博客
04-01 351
方式一： let time = Date.now(); console.log(time); //1554086170985 方式二： let timeTwo = new Date().getTime(); console.log(timeTwo); 1554086284317
js时间和.net时间的Ticks定义和转换
weixin_30871701的博客
05-31 951
浏览器js时间getTime后得到一串整型数字，.net中时间Ticks得到的也是一串整型数字，他们之间有一定的相似性而且意义相近， var jsTicks = new Date().getTime(); var netTicks = DateTime.Now.Ticks; js的 getTime：getTime() 方法可返回距 1970 年 1 月 1 日之间的毫秒数。...
使用js做动态时钟
Ceremony_feeling的博客
10-23 556
利用了所学的js做了动态时钟 下面直接上代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Examples</tit...
使用JavaScript在页面打印系统当前时间
ANFO的博客
10-21 9386
一.获取当前时间 在JavaScript中，有一个内置对象Date（），其中包含了众多方法来获取系统的当前时间，该篇以如下的七个常用方法为例打印系统的当前时间 方法 描述 getFullYear() 返回四位数字表示的年份 getMonth() 返回月份 (0 ~ 11) getDate() 返回一个月中的某一天 (1 ~ 31) getDay() ...
html+js输出当前时间
weixin_44824139的博客
11-08 1955
效果图是这样的： 可以显示你打开这个网页的时间 <html> <head> <title>BS前端1</title> </head> <body> <script type="text/javascript"> var today=new Date() var year=today.getFullYear() ...
JavaScript 输出当前系统时间到页面指定位置。
景上 的博客
07-03 6903
使用JavaScript的技术，输出当前系统时间到页面指定位置。<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>当前系统时间</title> <link rel="stylesheet" href="style.css" /> <s
js格式输出当前日期
qq_60174482的博客
09-02 1463
//输出2021-09-0210:25:40 //第一种 vardate=newDate(); console.log(date); varyear=date.getFullYear(); varmonth=date.getMonth()+1; varday=date.getHours(); varhour=date.getHours(); varminute=date.getMinutes(); varseconds=date.getSeco...
&nbsp;&nbsp;&nbsp;&nbsp;
最新发布
09-12
根据引用中提供的链接，该链接可能包含有关Vue.js的一些方法和示例。引用中的代码段显示了两个Vue.prototype方法，一个是用于添加保留换行符的方法，另一个是用于还原换行符的方法。这些方法可能用于处理字符串中的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值