JS简单练习——setInterval方法打印系统时间

定时器与循环示例
最新推荐文章于 2023-09-20 11:07:22 发布
最新推荐文章于 2023-09-20 11:07:22 发布
阅读量600 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_40406659/article/details/81256802
本文展示了一个使用JavaScript实现的简单定时器与循环示例。该示例通过设定每两秒执行一次函数，并在控制台打印当前日期，直到计数达到五次后停止。这个例子有助于理解JavaScript中定时器的基本用法。 
var i=0;

function q(){
    if(i==5) clearInterval(time);
    else
    console.log(Date());
    i++;
};

var time =setInterval(q,2000);

调试：

菜鸟妍
关注
练习题-使用JS的setInterval制作两个跑马灯效果
BowenXu11的博客
04-03 324
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>至诚众禾</title> <script type="text/javascr...
js JavaScript实战练习——小球碰撞反弹(详细)
weixin_48466991的博客
08-11 1192
/获取现有的left和top值。//如果到最右边，需要反方向。//如果到最上边，需要反方向。//到最下边，需要反向。//到最左边，需要反向。
vue 时间器
YM20210722的博客
01-04 577
简单的时间器，复制就能用
使用JavaScript在页面打印系统当前时间
ANFO的博客
10-21 9916
一.获取当前时间 在JavaScript中，有一个内置对象Date（），其中包含了众多方法来获取系统的当前时间，该篇以如下的七个常用方法为例打印系统的当前时间 方法 描述 getFullYear() 返回四位数字表示的年份 getMonth() 返回月份 (0 ~ 11) getDate() 返回一个月中的某一天 (1 ~ 31) getDay() ...
autojs之定时器-setInterval()/setTimeout()
头发浓密的萌新的博客
07-16 9293
1.内存中只能有一个定时器，使用完定时器后要清除 这个之前不知道在哪看到的，但是好像可以设置多个定时器 2.定时器是单线程的 3.循环执行： 设置定时器【setInterval()】清除定时器【clearInterval()】 单次执行： 设置定时器【setTimeout()】清除定时器【clearTimeout()】 详细讲解： //每3秒就发出一次hello var id = setInterval(function(){ //循环定时器id log("hello"); }, 2000); va
js setInterVal()实时显示时间、日期
正在加载
01-10 3153
js setInterVal()实时显示时间、日期 window.onload = displayDate; function displayDate(){ var date = new Date(); var year = date.getFullYear(); var month = date.getMonth()+1; month = ((month < 10
原生JS项目练习——支付倒计时
周百万的博客
10-04 1615
一、主要功能介绍： 1、点击支付按钮弹出确认框 2、点击确认按钮后，进入支付成功界面 3、支付成功界面有一个页面加载时间 4、每次加载都会出现一个倒计时setInterval，倒计时结束后返回支付界面 5、点击支付成功按钮会立即返回支付页面
JS练习项目1——Javascript实现简易贪吃蛇（附源码）
Myself's 优快云
09-14 1353
文章目录贪吃蛇项目1.项目预览2.起步(涉及知识点)3.源码 贪吃蛇项目 1.项目预览 功能实现： 可以通过键盘的 上下左右 控制 蛇 的移动 游戏刚开始随机生成食物，蛇 默认往右走 在没吃到食物前，食物静止不动；吃到食物后，食物随机生成 蛇 每吃到一个食物身体（蛇节） 增加一节 当蛇头碰到地图（方格）的边界时，游戏结束（蛇无法再控制，静止不动） 2.起步(涉及知识点) canvas ： 相当于画布；行内元素，让方格在网页水平居中对齐先转块级（ display: block); 宽高设置用行内
Jquery综合案例小练习——巩固jquery基础知识
春和的博客
03-07 1371
学习玩jquery的基础知识 做一些小的案例练习巩固一下基础知识的运用 在学了jquery后对比发现jquery的功能十分的强大！ 一、隔行换色 1.1、原生js实现隔行换色 原生js实现隔行换色 首先要获取到表格 在获取到表格中的每一行 通过%2判断是奇数行还是偶数行 再通过控制样式实现背景色的变换 准备一个表格 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title&g.
JavaScript——练习题
weixin_44502548的博客
09-16 1720
一、制作简易计算器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> //加法 function add(){ var x=document.getElementById("first").value; var y=document.
打印定时器
lyww1992的博客
03-23 991
javascirpt中，使用console打印setTImeout与setInterval 1、setTimeout 与setInterval 属于函数类型 2、定时器内加入参数后打印，输出数字 3、打印出的数字为当前定时器在本页面中的进程序列 新开一个chorme窗口，打开调试器 开始打印 输出数字依次顺延 相关猜测 1、该数字为当前定时器被访问时的延时时间 2、该数字为当前定时器在进程中的序列号 定义定时器变量，连续打印两次，中间间隔5秒，输出数字不变，可知该数字不应是延时时间 ...
原生js实现倒计时和当前时间打印
chenzhuozhu的博客
06-20 677
实现了目前时间到2018年6月20日十点的倒计时以及当前时间的打印输出。&lt;body&gt;&lt;h2&gt;剩余时间&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;script&gt;    window.onload=function () {        function myTime() {         
auto.js间隔执行
sun13047140038的博客
06-23 1274
在这个示例中，task函数定义了要执行的任务，可以在函数内部编写你需要的自动化操作，例如点击屏幕、滑动、输入等。interval变量定义了任务的执行间隔，单位是毫秒。通过调用setInterval函数，并传入任务函数和间隔参数，就可以实现定时执行任务的功能。这样就可以在Android设备上运行这段代码，并实现间隔执行任务的效果。// 这里只是一个示例，你可以根据自己的需求修改。// 设置任务的执行间隔，这里是每隔1秒执行一次。// 在这里编写你要执行的代码。// 定义要执行的任务。
autojs 自定义时间
weixin_73740490的博客
05-07 930
log("toast结束")
js中setinterval怎么用？怎么才能让setinterval停下来？
05-01 7542
setinterval()是定时调用的函数，可按照指定的周期（以毫秒计）来调用函数或计算表达式。setinterval()的作用是在播放动画的时，每隔一定时间就调用函数，方法或对象。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval()返回的ID值可用作clearInterval() 方法的参数。后面就两个参数code是你的js代码，millisec为时间间隔，以毫秒计。
使用setInterval定时器实现文字一个一个的打印在页面中
最新发布
卑微牛马学习笔记
09-20 335
使用setInterval定时器实现文字一个一个的打印在页面中
利用setInterval实现数秒的当前时间案例
开发技术资料收藏专栏
10-07 803
当前时间：2014年10月7日 下午10:24:50 setInterval("document.getElementById('nnowdate').innerHTML=new Date().toLocaleString().substring(0,10) + ' ' + new Date().toLocaleTimeString();",1000);
使用setInterval()方法输出一个计时器
xjf1035158147的博客
08-30 985
var a = 0;b = 0;    var time = false                        var td    var date = new Date()                                          //创建一个时间对象    var startTime = date.getTime()                  
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值