Js:获取当前系统时间

最新推荐文章于 2022-05-18 15:02:44 发布
最新推荐文章于 2022-05-18 15:02:44 发布
阅读量121 收藏
点赞数
分类专栏： javascript试题 文章标签： html5 css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_59519449/article/details/120012987
版权

思路：

           首先，1，获取button 按钮和div 元素； 

                      2，用onclick 注册事件

                     3，构建函数

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	
		<title></title>
	</head>
	<body>
		<button >显示当前系统时间</button>
		<div>某个时间</div>
		<p></p>
		<script type="text/javascript">
			var btn=document.querySelector("button")
			var div=document.querySelector("div")
			btn.onclick=function(){
				div.innerHTML = getDate();
			}
			function getDate(){
				var date=new Date()
				var year=date.getFullYear();
				var month=date.getMonth()+1
				var dates=date.getDate();
			var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
			var day = date.getDay();
			return '今天是：' + year + '年' + month + '月' + dates + '日 ' + arr[day];
			}
			console.log(btn)
			console.log(div)
			
		
		</script>
	</body>
</html>

一染星辰
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js获取到系统当前时间
xiao_qing_ge的博客
07-19 1868
大家好，今天小编遇到一个前端的问题，问题是：获取到系统当前时间。 话不多说，上代码！ <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script> function hello(){ con...
javascript 获取当前系统时间
大灰狼的小绵羊哥哥的博客
08-24 3186
Js获取当前日期时间及其它操作 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31) my
js获取系统当前时间
程序羊的博客
10-29 1432
利用js获取系统当前时间，有很多种获取方法，这里只列举其中一种比较简单的写法，适合新手参考。 示例代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js获取系统当前时间</title> </head...
js 获取系统当前时间
qq_34870529的博客
08-06 195
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...
js 获得系统当前时间
fuhaiqiang123的专栏
05-25 308
<br /><script language='javascript'><br />   function convertFullDateToString()<br />   {<br />   <br />     var date = new Date();<br />     var DATE_DELIMITER="/";<br />     var strDate = "";<br />     strDate = date.getFullYear() + DATE_DELIMITER +<br /
JavaScript简单获取系统当前时间完整示例
10-21
总之，通过本文介绍的JavaScript获取系统当前时间的示例，我们可以了解到如何使用JavaScript进行基本的日期时间处理和格式化，同时结合网上的工具和资源，可以扩展对时间操作的更多了解和应用。这不仅有助于我们在...
js+html获取系统当前时间
01-19
本文实例为大家分享了html获取系统当前时间的具体代码，供大家参考，具体内容如下 <html> <head> <STYLE> TD { FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans...
JS简单获取及显示当前时间的方法
10-21
本文重点介绍了如何利用JavaScript简单获取并显示当前时间，包括如何使用 Date 对象创建日期实例，获取年、月、日、时、分等信息，并进行格式化输出。 在HTML文档中，可以通过JavaScript代码段来获取并显示当前时间...
工具-系统时间：js获取系统时间
06-24
你可以通过创建一个新的Date对象来获取当前系统时间： ```javascript var now = new Date(); ``` `now`对象包含了完整的日期和时间信息，包括年、月、日、小时、分钟、秒和毫秒。如果你想要获取具体的日期或时间...
Js获取当前系统时间
lg545233的博客
04-17 605
Js获取当前系统时间 var myDate = new Date(); myDate.getYear();//获取当前年份(2位) myDate.getFullYear();//获取完整的年份(4位,1970-????) myDate.getMonth();//获取当前月份(0-11,0代表1月) myDate.getDate();//获取当前日(1-31) myDate.getDay();//获取当前星期X(0-6,0代表星期天) ...
js获得当前系统时间
10-22
当前时间 系统时间 js获得系统时间 当前时间 系统时间 js获得系统时间 当前时间 系统时间 js获得系统时间
javascript获取系统当前时间的方法
11-25
本文实例讲述了javascript获取系统当前时间的代码。分享给大家供大家参考。具体如下： 运行效果截图如下： 具体代码如下： <!DOCTYPE html> <html> <head> <title>获取时间</title> [removed] [removed] = function(){ showTime(); } function showTime(){ var myDate = new Date(); var year = myDate.getFullYear(); var m
6种javascript显示当前系统时间代码
12-28
第一种:javascript显示当前系统时间代码 2015年12月1日 12:05:08 星期二 <div id=jnkc> </div> [removed]setInterval(jnkc[removed]=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());,1000); [removed] 第二种:javascript显示当前系统时间代码 2015年12月1日 [removed] <!-- tmpDate = new Date(); date
js获取当前系统时间
weixin_47264982的博客
06-29 251
var nowdate = new Date(); nowdate.setMonth(nowdate.getMonth()+1); var y = nowdate.getFullYear(); var m = nowdate.getMonth()+1; var d = nowdate.getDate(); var formatwdate = y+'-'+m+'-'+d;
js获取系统当前时间，实现钟表功能
YMYYZ的博客
04-27 803
js获取系统当前时间，实现钟表功能
JS中使用定时动态获取系统当前时间
BADAO_LIUMANG_QIZHI的博客
05-14 588
场景 实现 html代码： <div class="form-group col-md-4"><label>调整时间：</label> <input type="text" readonly="readonly" id="finishTime" class="form-co...
js获取当前系统时间并格式化
weixin_44071658的博客
01-02 2056
一个非常简单的在页面显示当前时间的方法 首先在页面设置一个div &lt;div &gt; &lt;p id="systemdate" &gt;&lt;/p&gt; &lt;/div&gt; 格式化方法： &lt;!-- 获取系统时间 --&gt; &lt;script type="text/javascript"&gt; window.onl
【js】获取系统时间
XYZ
06-27 428
1.js代码 <script> //获取系统时间 function GetTime() { var mon, day, now, hour, min, ampm, time, str, tz, end, beg, sec; mon = new Array('1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '...
js获取系统时间
VibMike的博客
05-18 2505
1、写一个装时间的span 2、给页面写一个加载事件 3、给span写一个id用于获取它 4、给加载事件写js 5、声明一个时间 6、声明年月日，天数、小时、分钟、秒（这里注意，月份在js内从零开始计算，从十一结束，所以需要加一） 7、给时间赋值 8、将获取到的时间生成到span标签用于显示(刷新是500毫秒也就是半秒一次，一秒一次会造成与系统时间不同步) 9、最后需要写一个定时器，用于执行刷新系统时间（加载事件） 10、效果 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值