JavaScript习题（写一个定时器方法，每秒在控制台打印出一个数字，从0开始打印，到10就停下）

最新推荐文章于 2022-01-27 16:14:46 发布
最新推荐文章于 2022-01-27 16:14:46 发布
阅读量3.6k 收藏 3
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46611729/article/details/106732250
版权

以下是JavaScript页面的代码：


var i = 0;
var timer = setInterval(function () {
	console.log(i++)
	if (i>10) {
		clearInterval(timer);
	}
},1000)

以下是HTML页面的代码：

<html>

<head>
	<meta charst="utf-8">
	<title>中国的流浪猫</title>
</head>

<body>
	
	<script type="text/javascript" src="lesson.js">
	</script>
</body>

</html>
中国的流浪猫
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
写一个JavaScript框架：比setTimeout更棒的定时执行
01-29
这是JavaScript框架系列的第二章。在这一章里，我打算讲一下在浏览器里的异步代码不同执行方式。你将了解定时器和事件循环之间的不同差异，比如 setTimeout和Promises。 这个系列是关于一个开源的客户端框架，叫做NX...
前端面试题：每隔一秒打印依次打印0, 1, 2...
weixin_43487782的博客
06-08 1429
一道非常经典的前端面试题，实现比较简单但是会涉及事件循环、块级作用域、闭包等知识点。通常面试官会给你一段已经写好的代码，然后问你存在什么问题，是什么原因，有哪些方法让它正常输出。 例如下面这段代码，看起来没有问题，但是运行之后会发现，每隔一秒打印的都是10： for (var i=0; i<10; i++) { setTimeout(_ => { console.log(i) }, i*1000) } // 10 10 10 10 10 10 10 10 10 1
js-解决回调地域和控制异步顺序
weixin_45630548的博客
11-02 521
Promise内置对象 Promise的介绍 Promise 是一门新的技术，是JS中进行异步编程的新解决方案 从语法上说:Promises是一个构造函数；从功能上说：promise对象用来封装一个异步操作并可以获取其成功和失败的数据 异步编程：fs文件操作，数据库操作，ajax，定时器 优势： promise可以支持链式调用，可以解决回调地域问题 Promise的方法 Promise.all() 将多个promise实例包装成一个新的实例，只有所有的promise都成功了才会成功，只要有一个失.
js 动态创建a href 循环下载文件只能下载10个或者固定数目的问题
天渺(喵)工作室
02-26 2220
在web前端项目中，很多地方的下载单张图片/文件都可以用<a href="/images/logo.png" download="文件名">来下载指定文件 遇到的问题： 在下载多个文件的时候 使用for 循环来触发a hrefdownload //for循环来触发a href 下载文件 for(let i=0;i<=100;i++){ // 获取要下载的图片dom var img = document.getElementsByClassName('qrcode_...
关于js中定时器的返回值问题
liudanyang_21的博客
07-19 1689
在js中，我们常常会用到定时器来处理各种各样的问题，当我们需要清除定时器的时候，我们常常会定义一个值来接受定时器的返回值，然后再把定义好的这个值写到清除定时器的括弧后面，如： var times = setInterval(function () { } },3000); clearInterval(times); 　　我刚开始一直以为它的返回值就是本身，，没怎么在意，但是今天我console了一下，发现并非如此，看 是个数值类型的1，这让我百思不得其解，后来上网进行查阅，原
前端面试题：实现每隔1秒输出数组中的一个数字
ricoshallow的博客
05-10 2808
分析：需要输出数组中的每个数字，因此应该有n个console.log()；需要间隔打印，因此应该使用定时器。 代码： 1.let 块级作用域 function demo(arr){ //循环数组 for(let i=0;i<arr.length;i++){ //每次打印一个值，五个定时器的延时依次增加1000秒 setTimeout(()=>{ console.log(arr[i]) },1000*i) } } demo([4,5,6,7,8]) 2.立即执行函数 f
JavascriptConsole:一个JavaScript控制台，您可以在其中使用JavaScript或插件来做很多事情！
05-04
，让我们开始吧要求 为此，您只需要Node.JS和NPM安装要安装它，请下载此仓库，并在控制台目录打开的情况下输入console this： npm i 如何使用它非常简单易用！ 当您使用“ node index.js”（需要node.js）执行它时，...
一个简单的 JavaScript 脚本示例，它会在浏览器的控制台中输出 "Hello, World!"
最新发布
04-18
JavaScript 通常用于在浏览器中实现交互功能，它可以修改页面内容、处理用户输入、发送网络请求等。上述示例仅是最基础的输出操作，实际应用中 JavaScript 会涉及更复杂的逻辑和交互。
gulp-filesInStream:一个插件，它以给定的格式将流中的当前文件打印到控制台
06-03
gulp-filesInStream 一个插件，它以给定的格式将流中的当前文件打印到控制台用法首先，安装gulp-filesInStream作为开发依赖： npm install --save-dev gulp-filesinstreamnpm install --save-dev chalk 然后，将其...
MixedMessages：Mixed Messages是一个项目，用户每次运行脚本时，动机报价都会打印到控制台
03-03
混合消息是一个项目，在该项目中，每次脚本运行时，都会向控制台打印随机消息。 若要仅运行脚本，请在文件夹中运行node index.js以查看结果。MixedMessages项目是用JavaScript编码的。这是一个用于练习我JavaScript...
用promise理解async、await
weixin_33804582的博客
05-24 620
先用promise理解一遍 以下代码可以用promise更好理解 async function a(){ console.log(1) const w = await v console.log(3) return w } a() console.log(2) 复制代码类似于 先入栈执行a()： console.log(1) 遇到await v，假设v不是f...
实现每隔1秒，两秒，3秒输出1，2，3
Bliss_妍的博客
09-03 1129
let print = new Print() print.task(1000, () => { console.log(1) }).task(2000, () => { console.log(2) }).task(3000, () => { console.log(3) }).start() function Print() { this.list = [] this.task = (time, fn) => { thi.
JavaScript——每隔1秒依次输出（1-10）
小hu同学
02-08 2188
我做过一个笔试题是说 使得程序每隔⼀秒依次输出 1~10 <script> for(var i=1; i<=10; i++;){ //封装一个函数 执行异步操作 (function(i){ setTimeout(function(){ conslon.log(i) },1000*i) })(i) } </script>
6.用java和javascript写一个程序，每秒打印一个数字，打印出1-10
weixin_30399155的博客
05-29 240
<script type="text/javascript"> var n=1; function start() { timename=setInterval("set()",1000); } function set(){ document.getElementsByTagName("p")...
定时器的问题
lannieZ的博客
09-22 261
在a页面写一个定时，让他每秒钟打印一个1，然后跳转到b页面，此时可以看到，定时器依然在执行。这样是非常消耗性能的！ 解决方法1： 首先在data函数里面进行定义定时器名称： data() { return { timer: null // 定时器名称 } } 使用 this.timer = (() => { // 某些定时器操作 }, 10
javaScript定时器
L_yvpeng的博客
01-27 1149
定时器就是在浏览器里面要实现隔一段时间才会执行的效果 一、单次定时器 单次定时器就是只会执行一次操作 // 隔1秒钟后再输出 setTimeout(function(){ console.log('abc') },1000) 二、循环定时器 循环定时器是每隔一段时间就执行一次。会一直执行下去不会停止 // 每隔1秒输出 setInterval(function(){ console.log('abc') },1000) 三、停止<删除>定时器 // 停止单次定时器
数组的随机排序
Echaoa的博客
10-15 1829
1利用数组的sort方法 2利用数组的splice方法 3利用ES6解构赋值的变量交换（洗牌算法）
【前端笔试题】汇总
热门推荐
lorogy的博客
06-17 1万+
前端笔试
写一个函数，每调用一次这个函数，就会将num的值加1
追梦的小蚂蚁
01-13 5195
#define _CRT_SECURE_NO_WARNINGS #include void Add(int *p) { (*p)++; } int main() { int num = 0; Add(&num); printf("%d\n", num); Add(&num); printf("%d\n", num); r
帮我写一个setTimeout定时器 每过两秒打印一个数字1
06-03
好的，可以使用`setTimeout`函数来实现。代码如下： ```javascript let count = 0; function printNumber() { count++; console.log(count); setTimeout(printNumber, 2000); // 每隔2秒执行一次 } setTimeout(printNumber, 2000); // 第一次延迟2秒执行 ``` 这个定时器会在第一次执行之后，每隔2秒打印一个数字1，也就是每个2秒递增1。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值