JS之 定时器基本概念

最新推荐文章于 2023-01-07 17:49:31 发布
最新推荐文章于 2023-01-07 17:49:31 发布
阅读量910 收藏
点赞数
分类专栏： IT--前端 文章标签： JS基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiao_tommy/article/details/53183900
版权

初学定时器的时候总结的基本概念。适用于小白使用。


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script>
		// function boom(){
		// 	document.getElementsByTagName('img')[0].src = '02.jpg';
		// }
		function bang(){
			var inp = document.getElementsByName('time')[0];
			var time = parseInt(inp.value) - 1;
			inp.value = time;
		
			if (time == 0) {
				document.getElementsByTagName('img')[0].src = '02.jpg';
			}
			clearInterval(clock);
		}
	
		var colck = window.setInterval('bang()', 1000);//setInterval是每隔一段时间触发一次，

		// window.setTimeout('boom()', 3000);	//，setTimeout是隔3秒之后触发一次，设定3秒后变化
	</script>
</head>

<body>
	//定时器是Windows的属性，和JS没有什么关系  window.setTimeout 多少毫秒之后以此执行
	<input type="button" name="time" value="5">
	<img src="./01.png" alt="">


	//清除定时器 clearInterval()  
				 clearTimeout()
	//定时器	 setInterval()  设定每隔几毫秒就执行一次,循环执行，直到clearIntercal()及结束
				 setTimeout() 设定几毫秒之后执行
	


	//如果使用setTimeout来实现循环的话，就每隔一秒实现一次，
	function bang(){
		var colck = null;//定义全局变量
		if (time == 0) {
			document.getElementsByTagName('img')[0].src = '02.jpg';
			clearTimeout(colck);
			}else{
			setTimeout('bang()', 1000); //只要不是0，就循环调用

		}
	}		

</body>
</html>


Xiao_Tommy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript学习笔记之定时器
10-24
5. **定时器精度**：JavaScript定时器的精度受限于浏览器，通常不是绝对精确的，可能存在一定的误差。 6. **定时器的嵌套和级联**：有时可能需要在一个定时器内部设置另一个定时器，需要谨慎处理，以防止出现无限...
js自定义定时器的两种方法
Grey_fantasy的博客
02-24 1882
自定义定时器的两种方法： 第一种方法： 定义函数： function sleep(n){//n是传过来的毫秒数 var start=new Date().getTime();//定义起始时间的毫秒数 while(true){ var time=new Date().getTime();//记录当前时间 if(time-start>n){ break; } } } 使用： sleep(2000); 第二种方法 第二种是在业务的时候使用到jax，例如要做一个告
定时器详解
taotongning的博客
02-21 2万+
1. 什么是定时器（timer） 定时器实际上就是Soc当中的一个内部外设。 （1）定时器与计数器 定时器常与计数器扯到一起，计数器也是soc当中的一个内部外设，计数器顾名思义是用来计数的，就和我们的秒表一样，秒表实际上就是一个计数器，每隔一个单位走一个格（就是计一个数），因为计数器的计数时间周期是固定的，因此到了一定时间只要用计数值*计数时间周期，就能得到一个时间段，这个时间段就是我们定的...
Js 中的定时器
热门推荐
weixin_41806264的博客
11-01 2万+
定时器
STM32定时器基本概念
有心的男人的博客
10-11 1183
STM32 SysTick定时器简介 概念及工作原理 概念 定时器，能够定时，计数的器件称之为定时器 SysTick,称作系统滴答定时器，简称滴答定时器。是一个非常基本的倒计时定时器，用于在每隔一定的时间产生一个中断，即使是系统在睡眠模式下也能工作。它位于内核当中，可以对输入的时钟进行计数，当然如果时钟信号是周期的，计数也是计时。系统定时器一般用于操作系统，用于产生时基，维持操作系统的心跳。根据这个中断，系统就可以实现时间片的计算从而切换进程。 工作原理 滴答定时器是一个24位的定时器，在使用的过程中
定义一个自己的计时器
donnie
11-12 211
使用单例定义一个自己的计时器
js定时器实例分享
10-20
JavaScript定时器是Web开发中非常基础且重要的概念，主要用于在特定的时间间隔后执行某段代码。本篇文章将深入探讨JS定时器的语法、实例及其实现的代码分析。 1. **设置定时器** `setInterval` 函数用于设置一个...
JavaScript-定时器0~9抽奖系统详解（代码）
10-19
JavaScript定时器0~9抽奖系统是一种常见的互动娱乐功能，常用于网页或应用中，增加用户参与度。这个系统的核心在于使用JavaScript的定时器（`setInterval`和`clearInterval`）来实现数字滚动效果，模拟抽奖的过程。...
js定时器例子
02-15
JavaScript定时器是JavaScript编程中的重要概念，主要用于在特定时间间隔执行特定任务。在这个"js定时器例子"中，我们可以深入探讨两种主要类型的定时器：`setTimeout`和`setInterval`。 1. `setTimeout`定时器： ...
js页面显示多个定时器
08-21
在JavaScript中，定时器是实现延迟执行或周期性...通过以上内容，我们已经了解了JavaScript中定时器的基本概念、使用方法，以及如何在页面上显示多个定时器。掌握这些知识点有助于在实际项目中实现动态效果和定时功能。
第五篇，STM32系统定时器和通用定时器编程
weixin_44651073的博客
07-03 3089
STM32系统定时器和通用定时器编程
定时器
不二的博客
10-26 643
定时器的基本概念 定时器的功能：顾名思义是定时。给定一个时间，根据这个事件为间隔，来汇率的完成一些事情。 定时器的具体实现思路： 开辟一个线程来起到定时的作用，lock有专门的方法来实现让该线程沉睡一段时间，然后时间到达之后，由JVM来唤醒该线程，且只会唤醒由lock.wait(long time）方法引起的线程沉睡，不会使所有处在阻塞态的线程都被唤醒。 1中的线程单纯只起到定时的作用，此时使...
JavaScript中的定时器详解
apple_54470279的博客
04-10 1万+
在深入理解定时器前，我们需要了解一下 JavaScript 的单线程。因为 JavaScript 是单线程的，所以每次只能执行一段代码。JavaScript 中的任务执行有一个队列的概念，即任务会被排进队列按先入先出的顺序执行。
定时器(Timer)
最新发布
buhuisuanfa的博客
01-07 9452
我们自己实现一个定时器的前提是我们需要弄清楚定时器都有什么:1.一个扫描线程，负责来判断任务是否到时间需要执行2.需要有一个数据结构来保存我们定时器中提交的任务创建一个扫描线程相对比较简单，我们需要确定一个数据结构来保存我们提交的任务，我们提交过来的任务，是由任务和时间组成的，我们需要构建一个Task对象，数据结构我们这里使用优先级队列，因为我们的任务是有时间顺序的，具有一个优先级，并且要保证在多线程下是安全的，所以我们这里使用:PriorityBlockingQueue比较合适。
‍JS基础 4 函数 + Time
qq_53283188的博客
03-23 447
一、函数 函数：就是封装了一段可被重复调用执行的代码块，通过此代码块可以实现大量代码的重复使用 例如封装for循环 二、函数的使用 1.声明函数 function 函数名() { //函数体代码 } function 是声明函数的关键字,必须小写 由于函数一般是为了实现某个功能才定义的， 所以通常我们将函数名命名为动词，比如 getSum 2.调用函数 函数名(); // 通过调用函数名来执行函数体代码 调用的时候千万不要忘记添加小括号 声明函数本身并不会执行代码，只有调用函数时
JS中的日期和时间详解
华丽的开幕
06-09 1万+
JS中的日期和时间详解关于Date()构造函数简单实例用Date()构造函数创建时钟 关于Date()构造函数 Date()构造函数是javascript的核心语言部分，用来创建表示时间和日期的对象。这些日期对象的方法为日期计算提供了简单的API。日期对象不是数字那样的基本类型。 简单实例 下面列举几个简单的实例来认识一下我们的这位新朋友： var then = new Date(2019, 2...
JS定时器
qq_45938664的博客
06-29 7928
定时器定义：JavaScript中提供一定是时间之后触发的功能，就叫做定时器。JS的两种定时器：setTimeout函数：window.setTimeout(调用函数,[延迟毫秒数])； 注意：只会执行一次setInterval函数：window. setInterval(调用函数,[延迟毫秒数])； 注意：反复执行，每隔一个定时时间，就会执行一次 取消定时器：clearTimeout(timeoutID)方法 clearInterval(intervalID)方法Swiper介绍：swiper是一款开源的
单片机的定时器
aiydan1995的博客
03-11 627
定时器则是由单片机自身提供的一个非常稳定的计数器,这个稳定的计数器就是单片机上连接的晶振部件，晶振经过12分频之后提供给单片机的只有1MHZ的稳定脉冲;晶振的频率是非常准确的,所以单片机的计数脉冲之间的时间间隔也是非常准确的,这个准确的时间间隔是1微秒;12MHZ晶振内部的工作频率(时钟脉冲频率)是12MHZ/12=1MHZ=1000000次/秒=1000000条指令/秒=1000000...
js定时器的定义和取消
纳川的博客
07-30 544
//定义定时器,每5s执行一次 var online_send = setInterval(getOnline, 5000); //取消定时器 clearInterval(online_send );
Node.js中文手册：核心概念与定时器详解
**Synopsis概要**部分介绍了 Node.js 的基本概念和设计理念，包括其非阻塞I/O模型，这对于处理大量并发连接和实时数据流非常关键。Node.js 强调事件驱动编程（Event-Driven, Non-blocking I/O），这使得它特别适合于...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值