HTML获取系统当前时间

最新推荐文章于 2024-04-29 10:35:43 发布
最新推荐文章于 2024-04-29 10:35:43 发布
阅读量1.1w 收藏 3
点赞数 3
分类专栏： HTML 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mr_GLY_di/article/details/53668592
版权 
<html>
<head>
<STYLE>
TD {
FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
</STYLE>
<SCRIPT language=JavaScript>
function tick() {
var years,months,days,hours, minutes, seconds;
var intYears,intMonths,intDays,intHours, intMinutes, intSeconds;
var today;
today = new Date(); //系统当前时间
intYears = today.getFullYear(); //得到年份,getFullYear()比getYear()更普适
intMonths = today.getMonth() + 1; //得到月份，要加1
intDays = today.getDate(); //得到日期
intHours = today.getHours(); //得到小时 
intMinutes = today.getMinutes(); //得到分钟
intSeconds = today.getSeconds(); //得到秒钟
years = intYears + "-"; 

if(intMonths < 10 ){
months = "0" + intMonths +"-";
} else {
months = intMonths +"-";
}
if(intDays < 10 ){
days = "0" + intDays +" ";
} else {
days = intDays + " ";
}
if (intHours == 0) {
hours = "00:";
} else if (intHours < 10) {
hours = "0" + intHours+":";
} else {
hours = intHours + ":";
}
if (intMinutes < 10) {
minutes = "0"+intMinutes+":";
} else {
minutes = intMinutes+":";
}
if (intSeconds < 10) {
seconds = "0"+intSeconds+" ";
} else {
seconds = intSeconds+" ";
}
timeString = years+months+days+hours+minutes+seconds;
Clock.innerHTML = timeString;
window.setTimeout("tick();", 1000);
}
window.onload = tick;
</SCRIPT>
</head>
<BODY leftMargin=0 topMargin=0 marginwidth="0" marginheight="0">
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TR bgColor=#73a3d4 height=40>
<TD noWrap align=right width=209 ><SPAN id="Clock"></SPAN></TD>
</TR>
</TABLE>
</BODY>
</HTML>
一日看尽长安花G
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML 显示系统时间
别在熬夜了！
08-08 1万+
代码1:(显示静态时间) var myDate = new Date(); document.write(myDate.toLocaleString()) 代码2:(显示动态时间) function show(){ var date = new Date(); //日期对象 var now = ""; now = date.getFullYear()+"年"; /
php html 当前日期,js+html获取系统当前时间
weixin_29864831的博客
03-11 375
本文教程比较基础，适合初学者增强基础。本文实例为大家分享了html获取系统当前时间的具体代码，供大家参考，具体内容如下。TD {FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}function tick() {var years,months,days,hours, minute...
在HTML中使用JavaScript实时显示当前日期和时间（结尾完整例程）
最新发布
weixin_67244432的博客
04-29 2282
在Web开发中，经常需要在网页上显示当前的日期和时间。HTML本身并不具备这样的动态功能，但我们可以借助JavaScript来实现。JavaScript是一种常用的前端脚本语言，它可以轻松地获取系统时间，并将其插入到HTML元素中。现在，当您打开这个HTML页面时，它将实时显示当前的日期和时间，并且每秒都会自动更新。的JavaScript文件，并编写用于获取和格式化当前日期时间的函数。首先，我们创建一个HTML文件，并在其中添加一个用于显示日期和时间的。函数，以便实时更新显示的日期时间。
js+html获取系统当前时间
01-19
本文实例为大家分享了html获取系统当前时间的具体代码，供大家参考，具体内容如下 <html> <head> <STYLE> TD { FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif } </STYLE> [removed] function tick() { var years,months,days,hours, minutes, seconds; var intYears,intMonths,intDays,intHours, i
js取系统当前时间
zlj的博客
12-03 222
<!DOCTYPE html> <html> <head> <title>获取时间</title> <script type="text/javascript"> window.onload = function(){ showTime(); } function showTime(...
HTML+JS获取系统实时时间并显示
A丶Lx
12-20 6927
HTML在div里面显示JS获取系统实时时间
html页面 js显示当前系统的时间
SmileTimLi的博客
12-19 1587
&lt;div id="datetime"&gt; &lt;script&gt; setInterval("document.getElementById('datetime').innerHTML=new Date().toLocaleString();", 1000); &lt;/script&gt; &lt;/div&gt; 时间格式显示如下：  ...
html,jsp获取系统时间，取得系统时间，获取服务器时间
黑色头发
08-12 490
new java.sql.Date(System.currentTimeMillis()); new java.sql.Date(new java.util.Date().getTime()):  这两个是获得服务器上系统时间的方法   这两种获得的时间格式都为年月日,不带时分秒的格式的 2009-03-15这种格式的     黑色头发  http://heisetoufa.iteye.com...
js+html获取系统当前时间.docx
01-19
js+html获取系统当前时间.docx
javascript获取系统当前时间的方法
11-25
本文实例讲述了javascript获取系统当前时间的代码。分享给大家供大家参考。具体如下： 运行效果截图如下： 具体代码如下： <!DOCTYPE html> <html> <head> <title>获取时间</title> ...
js获得当前系统日期时间的方法
12-03
本文实例讲述了js获得当前系统日期时间的方法。分享给大家供大家参考。具体实现方法如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
如何使用html获取当前时间？
热门推荐
y1029450399的博客
04-29 6万+
html获取当前时间一般使用javascript首先使用new Date()获取当前时间，但是这时候输出的时间并不是我们平时习惯的时间方式eg：运行效果为：然后使用相应的函数获取年、月、日，我们以获取年份的例子来看一下效果运行效果为:再加上 星期，时、分、秒之后：运行效果：然后发现这是静态的，只能获取当前时间，而不会随时间的变化而变化，如果希望效果是动态的，我们需要使用计时器setTimeout(...
HTML+JS获取当前时间
chalkbox的博客
11-28 1097
获取当前时间（注意年月日时间格式） <!-- 获得当前日期（年月日）并显示在段落内 --> <p id="ymd"></p> <script> var date = new Date()<!--获得日期数据--> var y = date.getFullYear();<!--年--&g...
html中使用js来获取本地系统时间
weixin_33928467的博客
09-29 158
2019独角兽企业重金招聘Python工程师标准>>> ...
html+js获取系统当前日期并输出
elsery
05-02 1万+
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>如何获取系统日期</title><script language="javascript" type="text/javascript">//js获取日期function time(){ var now= new Date
html-显示时间
Hello World
08-07 504
html-显示时间
HTML实时获取当前时间
我现在难受的一批的博客
05-05 6695
HTML实时获取当前时间 <script type="text/javascript"> function gettime() { var time=new Date(); var arr=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); v...
获取系统时间，放到html里
DonkeyMini的博客
05-15 879
let myDate = new Date(); //获得当前时间 let h = myDate.getHours(); h 10 ? h = '0' + h : h = h; let m = myDate.getMinutes(); m 10 ? m = '0' + m : m = m; let s = myDate.getSeconds(); s 10 ? s = '0' + s : s =
js获取系统时间
weixin_38061311的博客
02-02 253
第一种方式: &amp;lt;script language=&quot;javascript&quot;&amp;gt; var t = null; t = setTimeout(time,1000);//开始执行 function time() { clearTimeout(t);//清除定时器 dt = new Date(); var y=dt.g...
HTML获取当前系统时间
09-24
### 回答1： HTML 本身不支持获取系统时间，但可以通过 JavaScript 在 HTML 中获取系统时间并显示在页面上。以下是一个简单的示例： ```html <!DOCTYPE html> <html> <head> <title>获取当前系统时间</title> </head> <body> <p id="time"></p> <script> var date = new Date(); var timeStr = date.toLocaleTimeString(); document.getElementById("time").innerHTML = "当前时间：" + timeStr; </script> </body> </html> ``` 在上面的示例中，我们使用 JavaScript 的 Date 对象获取当前时间，并通过 innerHTML 属性将时间显示在页面上。 ### 回答2： 要在HTML中获取当前系统时间，可以使用JavaScript来实现。 首先，在HTML文件的头部引入JavaScript代码，使用<script>标签将代码包裹起来。然后，使用Date对象的方法来获取当前系统时间和日期。 例如： ```html <!DOCTYPE html> <html> <head> <script> // 在JavaScript中定义一个函数，用来获取系统时间 function getCurrentTime() { var currentTime = new Date(); // 创建Date对象 var hours = currentTime.getHours(); // 获取小时 var minutes = currentTime.getMinutes(); // 获取分钟 var seconds = currentTime.getSeconds(); // 获取秒钟 // 如果小时、分钟或者秒钟小于10，则在前面添加一个0，使时间格式更加美观 if (hours < 10) { hours = "0" + hours; } if (minutes < 10) { minutes = "0" + minutes; } if (seconds < 10) { seconds = "0" + seconds; } // 构建时间字符串 var timeString = hours + ":" + minutes + ":" + seconds; // 将时间字符串显示在页面上 document.getElementById("current-time").innerHTML = timeString; } // 在页面加载完成时调用获取系统时间的函数 window.onload = function() { getCurrentTime(); } </script> </head> <body> <h1>当前系统时间</h1> <p id="current-time"></p> </body> </html> ``` 上述代码中，我们定义了一个名为getCurrentTime的 JavaScript函数，该函数使用Date对象来获取当前系统时间，并将获取的时间显示在页面上。window.onload函数用于在页面加载完成后调用getCurrentTime函数。 在上述例子中，我们使用了一个p标签来显示当前系统时间，通过获取p标签的id并使用innerHTML属性，将时间字符串插入到标签内部显示。 总的来说，以上的JavaScript代码将允许您在HTML页面中获取并显示当前系统时间。 ### 回答3： 要在HTML中获取当前系统时间，可以使用JavaScript。以下是一个简单的例子： 首先，在HTML文件的<head>标签中插入以下代码： ```html <script> function displayTime() { var now = new Date(); // 获取当前时间 var hours = now.getHours(); // 小时 var minutes = now.getMinutes(); // 分钟 var seconds = now.getSeconds(); // 秒 // 格式化时间 hours = (hours < 10) ? "0" + hours : hours; minutes = (minutes < 10) ? "0" + minutes : minutes; seconds = (seconds < 10) ? "0" + seconds : seconds; // 显示时间 document.getElementById('time').innerHTML = hours + ":" + minutes + ":" + seconds; // 设置每秒更新一次时间 setTimeout(displayTime, 1000); } // 调用displayTime函数 displayTime(); </script> ``` 然后，在<body>标签中添加一个<span>元素来显示时间： ```html <body> <span id="time"></span> </body> ``` 这样，页面加载后，JavaScript会通过调用displayTime函数来获取当前系统时间并显示在页面中指定的<span>元素中。同时，使用setTimeout函数来设置定时更新，每秒钟更新一次时间。 以上就是一个简单的HTML代码，可以获取并显示当前系统时间。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值