js作业之定时器本地同步显示时间

最新推荐文章于 2023-02-01 20:59:25 发布
最新推荐文章于 2023-02-01 20:59:25 发布
阅读量463 收藏
点赞数
分类专栏： H5作业集合 文章标签： 定时器
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/W_C_X/article/details/88185080
版权

两种方式：

效果：

第一种：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>本地定时器</title>
		<style type="text/javascript">
		</style>
	</head>
	<body>
		    <div id="d1">
		    	
		    </div>
			<script type="text/javascript">
				var time=document.getElementById("d1");	
				setInterval(function(){
					var date=new Date();
					var year=date.getFullYear();				
					var day=date.getDate();
					var month=date.getMonth();
					var hour=date.getHours();
					var minute=date.getMinutes();
					var sec=date.getSeconds();
					time.innerHTML=year+":"+(month+1)+":"+day+":"+hour+":"+minute+":"+sec;
				},200);
				
			</script>
	</body>
</html>

第二种：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>本地定时器</title>
		<style type="text/javascript">
		</style>
	</head>
	<body>
		    <div id="d1">
		    	
		    </div>
			<script type="text/javascript">
				var time=document.getElementById("d1");
				function showDate(){
					var date=new Date();
					var year=date.getFullYear();				
					var day=date.getDate();
					var month=date.getMonth();
					var hour=date.getHours();
					var minute=date.getMinutes();
					var sec=date.getSeconds();
					time.innerHTML=year+":"+(month+1)+":"+day+":"+hour+":"+minute+":"+sec;
				}
				setInterval(showDate,200);
				
			</script>
	</body>
</html>

 

保持可爱forever
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
js让定时器变成同步
YAYTXT的博客
06-21 2221
js让定时器变成同步，例如:让5秒的定时器先执行，再让4秒的定时器执行，再让3秒的定时器执行
JavaScript（十二）：定时器显示时间
weixin_44825185的博客
03-29 761
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0; margin: 0; } </style> </head> <b
JS 定时器（异步/同步）
tigerl2008的专栏
05-22 4573
关于setInterval(),setTimeout()使用： 在Web开发中，肯定会用到轮询，也即不停地以某个时间值去执行你想要执行的Function，也许你还想传参数，可是你会传吗？当你看到这两个方法只接受两个参数后，也许你就真的不知道应该怎么传额外的自己的参数了，这里直接看代码，很简洁、方便、易用的代码： [code="java"] Clear Timer ...
js通过定时器去显示当前时间及停止
wyxqkkl的博客
06-12 2200
页面中显示当前时间:         通过定时器去显示当前时间             window.onload=function(){            window.setInterval("showtime()",1000);         }         function showtime(){             var sdom = docume
JS定时器同步异步问题(顺序执行)
coral_150的博客
10-08 1139
由于是定时器setTimeOut是异步的，运行结果是1 3 2现在通过promise实现1 2 3的顺序。
JavaScript实现同步于本地时间的动态时间显示方法
10-24
在本文中，我们将探讨如何使用JavaScript实现一个同步于本地时间的动态时间显示功能，这一功能允许网页上的时间始终与浏览者的电脑时钟保持一致。 首先，我们的基本目标是创建一个简单的JavaScript代码，它能够获取...
js实现本地时间同步功能
10-19
总结来说，JavaScript实现本地时间同步需要获取服务器时间并与本地时间对比，然后调整本地时间显示。提供的代码片段展示了基本的时间显示功能，但未涉及时间同步。要实现真正的同步，你需要整合服务器通信和时间调整...
基于单片机定时器数码管显示时间-proteus仿真-源程序.rar
07-06
1、本设计采用52单片机作为主控器。 2、定时器计时，数码管显示时分秒。 3、按键设置时分秒。
应用笔记LAT1173高精度定时器的同步功能
最新发布
03-15
单独工作，也可以进行同步，且高精度定时器还能与片上的其他定时器以及其他芯片进行同步，本文将对高精度定时器的同步功能进行介绍。 整个同步功能的主体是主定时器，其主要作用就是用来给所有子定时器提供统一的...
JavaScript页面实时显示当前时间实例代码
10-21
最近因为项目需要，有个需求是让实时显示当前时间，然后想想这不简单吗，自己就动手敲代码，但是发现一个问题，通过getMonth()得到月份，总是会比当前月份少1，深深觉得实践出真知啊…之前觉得Date对象挺简单的，有...
JavaScript - 定时器
一缕阳光@的博客
04-11 736
目录setTimeout()setInterval()clearTimeout()，clearInterval()实例：debounce 函数运行机制setTimeout(f, 0)含义应用 setTimeout() setTimeout函数用来指定某个函数或某段代码，在多少毫秒之后执行。它返回一个整数，表示定时器的编号，以后可以用来取消这个定时器。 var timerId = setTimeout(func|code, delay); 上面代码中，setTimeout函数接受两个参数，第一个参数func
JavaScript核心-定时器-异步同步等（三）
qq_46199553的博客
08-13 3875
8.1 常用键盘事件 事件除了使用鼠标触发，还可以使用键盘触发。 注意： 如果使用addEventListener 不需要加 on onkeypress 和前面2个的区别是，它不识别功能键，比如左右箭头，shift 等。 三个事件的执行顺序是： keydown – keypress — keyup 8.2 键盘事件对象 注意： onkeydown 和 onkeyup 不区分字母大小写，onkeypress 区分字母大小写。 在我们实际开发中，我们更多的使用keydown和keyup， 它能识
JS复习-08-定时器、同步异步
qq_36158581的博客
03-31 197
定时器 单线程 + 代码从上到下的执行 + 一行一行的执行, 同时只能做一个事情 + 例子: 一个厕所, 只有一个坑 同步异步 + JS 是单线程同步代码机制 => 当你写一个死循环的时候, 后面的代码就全都不执行了 + WEBAPI 给我们提供了一个队列的机制 => 用来模拟多线程 => 准备了一个队列 => 我们叫做单线程异步 + 异步: => 不会立即执行
一篇文章理解JS中同步任务和异步任务以及宏任务与微任务的原理和执行机制
superherooooss的博客
02-01 3279
如果javascript 按照真正的单线程执行的话，如果在遇到任务繁多的情况下，那么执行效率会降低，执行的时间也会更长，或者在解析到中间代码过程中遇到了错误的代码，那么就会停止在这一步影响后面代码的执行，这是非常不好的用户体验。从微任务队列中取出任务到主线程中，输出3，此微任务中又有微任务，Promise.resolve().then(微任务a).then(微任务b)，将其依次放入微任务队列中。Javascript 是。从微任务队列中取出微任务到主线程中，输出3、 4，微任务队列为空，然后检查宏任务队列。
利用 Momentjs同步服务器时间
xianyudx的博客
01-07 390
利用服务器回传的时间和当前浏览器中的时间做差，记录下时间差值，然后在每次初始化 moment 对象的时候加上差值，再把对象返回即可。
js 怎样把定时器弄成同步的
LEI20012000的博客
05-07 3471
最近遇到一个问题， 定时器每隔1秒发一次请求，要求本次请求成功后才能发下一次请求，需要把定时器弄成同步的至于怎么弄成同步的，真是一把心酸泪呀直接贴代码吧 ``` <div style="height: 100px;width: 200px;float: right;"> 　　<button id="btn">Clear Timer</button&...
JavaScript 用定时器写一个实时显示时间的页面
MW
03-27 3204
定时器 格式：setInterval（函数，毫秒值）； 功能：每隔对应的毫秒值，执行一次传入的函数 用定时器一个实时显示时间的页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>定时器</title> <...
[ JavaScript实现动态显示时间效果：setInterval定时器的使用 ]
qq_47654010的博客
08-09 1072
JavaScript实现动态显示时间效果 知识点 Timing事件之 setInterval()方法： 效果 上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum
JavaScript定时器案例：显示年月日时分秒+每隔60s发送一次短信
橘猫吃不胖的博客
12-06 2718
JavaScript定时器案例：显示年月日时分秒+每隔60s发送一次短信1 显示年月日时分秒1.1 案例说明1.2 编写HTML部分代码1.3 编写JavaScript部分代码1.4 全部代码2 每隔60s发送一次短信2.1 案例说明2.2 编写HTML部分代码2.3 编写JavaScript部分代码2.4 全部代码 1 显示年月日时分秒 1.1 案例说明 在网页上显示当前的时间，XX年XX月XX日XX时XX分XX秒。 效果图： 1.2 编写HTML部分代码 html部分代码非常简单，只需要写一个div即
js循环定时器变为同步
07-25
要将JavaScript中的循环定时器变为同步，可以使用递归函数来模拟循环。以下是一个示例： ```javascript function syncLoop(i, max) { if (i >= max) { // 循环结束 return; } // 执行循环中的操作 console....

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

保持可爱forever

赞赞赞

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值