JavaScript的动态获取当前的时间

最新推荐文章于 2024-04-17 05:19:47 发布
最新推荐文章于 2024-04-17 05:19:47 发布
阅读量1.4k 收藏 3
点赞数
分类专栏： Javascript 文章标签： Javascript 动态获取
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shisjieshoufu/article/details/81167758
版权 
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>动态获取当前时间</title>
<style type="text/css">
body{padding:10px;}
#time{background-color:#CCCCFF; width:310px; border:1px solid #cccccc; line-height:48px;
text-align:center; padding:20px 10px; font-size:28px; color:#0000CC; font-weight:bold;}
</style>
<script type="text/javascript">
function showCurrentTime()
{
	var today = new Date();
	var year = today.getFullYear();
	var month = today.getMonth()+1;
	var date = today.getDate();
	var day = today.getDay();
	var hours = today.getHours();
	var minutes	= today.getMinutes();
	var seconds	= today.getSeconds();
	var milliseconds = today.getMilliseconds();
	switch(day){
	  case 0: week_str="星期日";break;
	  case 1: week_str="星期一";break;
	  case 2: week_str="星期二";break;
	  case 3: week_str="星期三";break;
	  case 4: week_str="星期四";break;
	  case 5: week_str="星期五";break;
	  default: week_str="星期六";
	}
	//如果时间或日期值不够两位，补0
	if(month<10)	month	= "0"+month;
	if(date<10)		date	= "0"+date;
	if(hours<10)	hours	= "0"+hours;
	if(minutes<10)	minutes = "0"+minutes;
	if(seconds<10)	seconds = "0"+seconds;
	//组合输出字符串
	var str = year+"年"+month+"月"+date+"日 "+week_str;
	str += "<br />"+hours+":"+minutes+":"+seconds+" "+milliseconds+"ms";
	//将时间字符串，加入到id=time的元素中
	var obj = document.getElementById("time");
	obj.innerHTML = str;
	setTimeout("showCurrentTime()",1000);
}
</script>
</head>
<body>
<input type="button" onclick="showCurrentTime()" value="动态获取当前时间"><p>
<div id="time"></div>
</body>

 

御裔宸
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript获取当前网页最后修改时间的方法
10-24
主要介绍了JavaScript获取当前网页最后修改时间的方法,涉及javascript中document.lastModified属性的使用技巧,需要的朋友可以参考下
javascript获取时间及动态显示时间
路飞船长的博客
06-28 757
new Date().toLocaleDateString()` 是一个 JavaScript 表达式，用于获取当前日期并将其转换为本地化的日期字符串。它会返回一个表示当前日期的字符串，该字符串符合当前环境的本地化日期格式。本地化日期格式可能因不同的语言、地区和浏览器设置而有所不同。例如，在美国地区，该表达式的输出可能是 "6/27/2023"，而在德国地区，输出可能是 "27.6.2023"。具体的日期格式取决于本地化设置。
JS获取动态时间
fujijiajia923的博客
06-11 363
function time(){ var tmpDate=new Date(); var day; switch(tmpDate.getDay()) { case 0: day="星期日"; break; case 1: day="星期一"; break; case 2: day="星期二"; break; case 3: day="星期三"; break; case 4: day=
HTML+JS动态获取当前时间(1)，Web前端中常见的面试题
最新发布
m0_60606468的博客
04-17 256
window.requestAnimationFrame()方法告诉浏览器您希望执行动画并请求浏览器在下一次重绘之前调用指定的函数来更新动画，通常与 setTimeout() 方法一起使用。| getSeconds() | 返回 Date 对象的秒数 (0 ~ 59) |JavaScript 中 requestAnimationFrame()方法。
html js动态选择时间,HTML+JS动态获取当前时间
weixin_30572265的博客
06-04 611
HTML+JS动态获取当前时间效果图：说明：JavaScript 中 Date 对象创建 Date 对象的语法：var myDate=new Date()常用 Date 对象方法：方法描述Date()返回当日的日期和时间getDate()从 Date 对象返回一个月中的某一天 (1 ~ 31)getDay()从 Date 对象返回一周中的某一天 (0 ~ 6)getMonth()从 Date 对象...
JS中使用定时动态获取系统当前时间
BADAO_LIUMANG_QIZHI的博客
05-14 580
场景 实现 html代码： <div class="form-group col-md-4"><label>调整时间：</label> <input type="text" readonly="readonly" id="finishTime" class="form-co...
javascript设置指定年月日,js动态显示当前时间
阿发狗伪原创
11-14 2064
大家好，本文将围绕js中如何动态显示日期时间展开说明，javascript设置指定年月日是一个很多人都想弄明白的事情，想搞清楚js动态显示当前时间需要先了解以下几个事情。
JavaScript简单获取系统当前时间完整示例
10-21
主要介绍了JavaScript简单获取系统当前时间的方法,涉及javascript针对日期与时间的判断以及字符串组合的相关技巧,需要的朋友可以参考下
Javascript获取当前时间函数和时间操作小结
10-25
主要介绍了Javascript获取当前时间函数和时间操作小结,本文根据项目实际需求总结而来,需要的朋友可以参考下
js获取当前时间yyyymmddhhmmss
01-10
js获取当前时间yyyymmddhhmmss js获取当前时间yyyymmddhhmmss js获取当前时间yyyymmddhhmmss js获取当前时间yyyymmddhhmmss js获取当前时间yyyymmddhhmmss js获取当前时间yyyymmddhhmmss js获取当前时间...
javascript动态获取登录时间和在线时长
11-25
` 获取当前时间，然后通过 `diff.setTime(Math.abs(thistime.getTime() - s.getTime()));` 计算两者之间的毫秒数差异。这个差异值被存储在`diff`对象中，然后转换为小时、分钟和秒，分别存储在`hos`, `mins`, 和 `...
动态显示当前时间的js
08-26
兼容所有浏览器的js，用来动态显示当前时间，只需要调用，并传入显示区域的id即可
javascript得到动态时间
love_snow
08-30 426
function window_onload()   {    window.setTimeout("dispgettime()",1000);    var outDate=new Date();    labOver.innerText=outDate.getFull
javascript实现日期时间动态显示
张亚运的专栏
12-23 1480
.aspx代码如下： document.write("") //输出显示日期的容器 //每1000毫秒(即1秒) 执行一次本段代码 setInterval("lblTime.innerText=new Date().toLocaleString()", 1000)
使用JS实现动态时间
John的博客
09-06 2090
首先在页面上添加引入包     pageEncoding="UTF-8" import="java.util.Date"%> //获取当前时间 function systemTime(){ var dateTime=new Date(); var hh=dateTime.getHours(); var mm=dateTime.getMinutes(); var ss=da
JS日期对象实现动态时钟
qq_41858795的博客
11-17 2391
JS日期对象实现动态时钟
js动态获取实时时间
学而不思则罔,思而不学则殆
07-12 2151
js动态获取实时时间
js实现动态获取系统时间，显示到页面上
热门推荐
yanghaitaohhh的专栏
07-31 2万+
获取系统时间 //获取系统时间。 var dateTime=new Date(); var hh=dateTime.getHours(); var mm=dateTime.getMinutes(); var ss=dateTime.getSeconds(); 显示时间到页面 //将时间显示到ID为time的位置，时间格式形如：19:18:02 doc
javascript+获取当前时间
01-09
以下是两种JavaScript获取当前时间的方法： 1. 使用Date对象获取当前时间 ```javascript var currentDate = new Date(); var year = currentDate.getFullYear(); var month = ("0" + (currentDate.getMonth() + 1)).slice(-2); var day = ("0" + currentDate.getDate()).slice(-2); var hour = ("0" + currentDate.getHours()).slice(-2); var minute = ("0" + currentDate.getMinutes()).slice(-2); var second = ("0" + currentDate.getSeconds()).slice(-2); var currentTime = year + month + day + hour + minute + second; console.log(currentTime); // 输出：当前时间的yyyymmddhhmmss格式 ``` 2. 使用document.lastModified属性获取当前网页最后修改时间 ```javascript var lastModified = document.lastModified; console.log(lastModified); // 输出：当前网页最后修改时间 ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值