js实现动态获取系统时间，显示到页面上

最新推荐文章于 2023-07-12 14:11:47 发布
最新推荐文章于 2023-07-12 14:11:47 发布
阅读量2.9w 收藏 19
点赞数 6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yanghaitaohhh/article/details/9672345
版权

获取系统时间

		//获取系统时间。
		var dateTime=new Date();
		var hh=dateTime.getHours();
		var mm=dateTime.getMinutes();
		var ss=dateTime.getSeconds();


显示时间到页面

		//将时间显示到ID为time的位置，时间格式形如：19:18:02
		document.getElementById("time").innerHTML=hh+":"+mm+":"+ss;


完整示例

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Lottery System</title>
</head>

<script type="text/javascript">
	//获取系统时间，将时间以指定格式显示到页面。
	function systemTime()
	{
		//获取系统时间。
		var dateTime=new Date();
		var hh=dateTime.getHours();
		var mm=dateTime.getMinutes();
		var ss=dateTime.getSeconds();
		
		//分秒时间是一位数字，在数字前补0。
		mm = extra(mm);
		ss = extra(ss);
		
		//将时间显示到ID为time的位置，时间格式形如：19:18:02
		document.getElementById("time").innerHTML=hh+":"+mm+":"+ss;
		
		//每隔1000ms执行方法systemTime()。
		setTimeout("systemTime()",1000);
	}
	
	//补位函数。
	function extra(x)
	{
		//如果传入数字小于10，数字前补一位0。
		if(x < 10)
		{
			return "0" + x;
		}
		else
		{
			return x;
		}
	}
</script>

<body οnlοad="systemTime()">
	<div id="time">
	</div>
</body>
</html>


 

0x0021
关注
  • 6
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Java从服务器上获取时间动态显示在jsp页面实现思路
01-08
Java获取服务器时间，动态显示到jsp页面，大家都是到Java只能获取一次，到页面的时间是静态的，不过通过js和Java的合作，巧妙地实现此功能。本人是给电视做系统，客户要求页面能显示时间，因为电视浏览器获取的时间不对，没办法只能从服务器获取时间，但是问题来了，服务器的时间获取一次就成静态的了，客户不满意，但也没办法，只能这样。不过这个问题在我这老惦记着，今天看到有个例子，说把Java获取服务器的时间转化成毫秒，然后用js每一秒刷新一次就可以动态显示，所以就有了下面的 代码如下:<%@ page language=”java” import=”java.util.*” pageEncodin
js 过滤日期
weixin_42659644的博客
03-09 605
filterDate(val){ let val1 = val+’’ " ; return val1 !=‘0’ ?val1.slice(0,4)+’-’+ val1.slice(4,6)+’-’+ val1.slice(6,8):val1 }
关于js中日期的处理
qq_16698261的博客
04-23 164
js时间处理：获取当前日期，格式化，获取最近三十天；
【JS】年月日，隐藏日
做一个有趣的妞儿
04-07 306
JS获取数据类型 JS获取String类型字符下标 根据字符串下标获取年月 将年月赋值给原控件， 替换值 var time=document.getElementById('dp1649300191014').value; console.log(time); //console.log(typeof(time));//js获取数据类型 console.log(time.substr(0,7));//根据字符串下标获取年月 time=time.substr(0,7);//将年月赋值给原控件，替换 con.
artTemplate去掉时间的年份，格式化成MM-dd HH:mm的格式
jiaonizuoren的博客
01-14 638
在使用artTemplate时，需求是将列表里的时间显示为MM-dd HH:mm的格式，但后台返回的json数据中时间为yyyy-MM-dd HH:mm，需要使用template.helper(name, callback)注册公用辅助方法。 首先，需要在artTemplate.js文件中加入以下方法： template.helper('dateFormat', function (srcD...
利用JS在网页上动态的显示当前的时间
weixin_75141231的博客
06-03 2900
【代码】利用JS在网页上动态的显示当前的时间。
通过JS实现动态显示当前时间的一个简单方法（三步到位！）
weixin_43426379的博客
04-05 897
三步到位！通过JS实现动态显示当前时间的一个超级简单方法
js动态获取实时时间
学而不思则罔,思而不学则殆
07-12 1933
js动态获取实时时间
用js动态显示当前时间
豆奶的博客
04-17 2526
用setTimeout动态显示当前时间： <div class="showTime"></div> <script> var t = null; t=setTimeout(time,1000);//开始运行 function time(){ clearTimeout(t);//清除定时器 dt = new Date(); var y = dt.getFullYear(); var mt = dt.ge
HTML+JS动态获取当前时间
热门推荐
IT学长
03-28 1万+
HTML+JS动态获取当前时间 效果图： 说明： JavaScript 中 Date 对象 创建 Date 对象的语法： var myDate=new Date() 常用 Date 对象方法： 方法 描述 Date() 返回当日的日期和时间 getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31) getDay() 从 Date 对象返回一周中的某...
动态显示当前时间的js
08-26
兼容所有浏览器的js，用来动态显示当前时间，只需要调用，并传入显示区域的id即可
js日历控件，控件可以实现，单击文本框，产生日历控件，然后选择日期，自动显示。
03-23
js日历控件，控件可以实现，单击文本框，产生日历控件，然后选择日期，自动显示。
jsp实现页面实时显示当前系统时间的方法
01-08
JS代码 代码如下: [removed] function realSysTime(clock){ var now=new Date(); //创建Date对象 var year=now.getFullYear(); //获取年份 var month=now.getMonth(); //获取月份 var date=now.getDate(); //获取...
利用js实现在浏览器状态栏显示访问者在本页停留的时间
12-01
问题描述：在状态栏上显示 ，访问者在本页停留的 时间 （如：您在本页停留了 （如：您在本页停留了 X小时 X分 X秒） 该问题相当于是设计一个计时器，用于显示浏览者在该页面停留了多长时间。要解决该问题，我想到的...
java页面显示动态系统时间
08-28
这是我从项目中抽取出来的用JS实现的Java实现页面动态获取时间的小例子，希望对大家带来帮助
JS代码实现根据时间变换页面背景效果
11-25
主要使用JavaScript中的Date对象的getHours()方法得到当前系统时间的小时，然后在一定的时间段内判断当前小时是否符合指定的时间段，如果符合则使用document对象的write()方法在页面中显示一幅图片并在图片下方输出...
JavaScript介绍.zip
最新发布
04-23
javascript,JavaScript 最初由 Netscape 公司的 Brendan Eich 在 1995 年开发，用于 Netscape Navigator 浏览器。随着时间的推移，JavaScript 成为了网页开发中不可或缺的一部分，并且其应用范围已经远远超出了浏览器，成为了全栈开发的重要工具。
上位机开发罗克韦尔abcip通信协议详解
04-23
上位机开发罗克韦尔abcip通信协议详解 1.注册会话命令详解 6500 0400 00000000 00000000 0000000000000000 00000000 0100 0000 响应 6500 0400 05000400 00000000 0000000000000000 00000000 0100 0000 6500：注册请求命令 0400：服务长度（0100 0000） 00000000：会话句柄 （由PLC生成） 00000000：状态默认 0000000000000000：发送方描述，默认0 00000000：选项，默认0 0100：协议版本，默认1 0000：选项标记，默认0
Microsoft SPY++ 工具及使用教程
04-23
Spy++ (SPYXX.EXE) 是一个基于 Win32 的实用工具，提供系统进程、线程、窗口和窗口消息的图形视图。 Spy++ 有两个版本。 第一个版本，名为 Spy++ (spyxx.exe)，用于显示发送到在 32 位进程中运行的窗口的消息。 例如，在 32 位进程中运行的 Visual Studio。 因此，可以使用 Spy++ 来显示发送到“解决方案资源管理器” 中的消息。 由于 Visual Studio 中大多数生成的默认配置都是在 32 位进程中运行的，因此如果已安装所需组件，则第一个版本的 Spy++ 就是在 Visual Studio 中的“工具”菜单上可用的那一个。 第二个版本，名为 Spy++（64 位）(spyxx_amd64.exe)，用于显示发送到在 64 位进程中运行的窗口的消息。 例如，在 64 位操作系统上，记事本在 64 位进程中运行。 因此，可以使用 Spy++（64 位）来显示发送到记事本的消息。 详细的使用说明请见：https://blog.csdn.net/huang1600301017/article/details/138137
1、利用js获取当前系统时间，并以yyyy-MM-dd格式显示在页面上
05-15
可以使用JavaScript中的Date对象来获取当前系统时间，然后使用字符串拼接的方式将年月日拼接起来，最后将结果显示在页面上。实现代码如下： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>获取当前系统时间</title> </head> <body> <div id="time"></div> <script> var now = new Date(); var year = now.getFullYear(); var month = now.getMonth() + 1; var day = now.getDate(); var timeStr = year + '-' + month + '-' + day; document.getElementById('time').innerHTML = timeStr; </script> </body> </html> ``` 在上面的代码中，我们首先创建了一个Date对象now来获取当前时间。然后使用now对象的getFullYear、getMonth和getDate方法分别获取当前年、月、日的数字值。最后使用字符串拼接的方式将年月日拼接起来，存储在timeStr变量中，并将其赋值给页面上id为time的div元素的innerHTML属性，从而将结果显示在页面上。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值