js显示当前时间

最新推荐文章于 2023-05-13 10:00:00 发布

le5u

最新推荐文章于 2023-05-13 10:00:00 发布

阅读量1.7k

点赞数

分类专栏： Js 文章标签： date javascript function html 文档

本文链接：https://blog.csdn.net/le5yo/article/details/6724853

版权

Js 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<script language="javascript" type="text/javascript">

<!--

 //获得当前时间,刻度为一千分一秒 

var initializationTime=(new Date()).getTime(); 

function showLeftTime()

{

 var now=new Date();

 var year=now.getYear();

 var month=now.getMonth();

 var day=now.getDate();

 var hours=now.getHours();

 var minutes=now.getMinutes();

 var seconds=now.getSeconds();

 document.all.show.innerHTML="当前时间:"+year+"年"+month+"月"+day+"日"+hours+"小时"+minutes+"分"+seconds+"秒";

 //设定结束时间

 //1秒=1000毫秒

 endTime=initializationTime+60000;

 //设定并显示剩余时间

 var leftTime=endTime-(new Date()).getTime();

 if(leftTime>0)

 {

  document.all.showLeft.innerHTML=leftTime+"微秒后停止!";

 }

 else

 { 

  clearTimeout(timeID);

  document.all.showLeft.innerHTML="TimeOut!";

  return false;

 }

 //一微秒刷新一次显示时间 

 var timeID=setTimeout(showLeftTime,1); 

}

//-->

</script>

</head>

<body οnlοad="showLeftTime()">

<label id="show">这里显示开始时间</label><br>

<label id="showLeft">这里显示剩余时间</label>

</body>

</html>

le5u

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js显示当前时间

无标题文档<!-- //获得当前时间,刻度为一千分一秒 var initializationTime=(new Date()).getTime(); function showLeftTime(){ var now=new
复制链接

扫一扫