前端js中计时器的使用

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body></body>
</html>
<script type="text/javascript">/*计数器:1.多次重复每个一段时间执行一次setinterval(函数,时间);以毫秒为单位1000ms=1s2.延时计时器 只会执行一次 是xxx毫秒后执行setTimeOut(函数,时间);3.清楚计时器clearinerva(计时器编号);注意:延时计时器只执行一次 无需清楚*///形式1:var s1=setInterval(function(){document.write("你好!周一!!!<br />");},1000);//形式2:function hello(){document.write("你好!周二!!!<br />");}//只能写函数名 不能写()var s2=setInterval(hello,800)//形式3:var s3=setInterval("hello()",500)document.write(s1,s2,s3);//每个计时器的返回值就是自己的编号 从上往下执行//编号从1开始 清除计时器就是通过编号查找并清除//--------------------延时计时器----------------------//利用延时计时器(只会走一次 无需清除) 3s以后在清除setTimeout(function(){clearInterval(s1);clearInterval(s2);clearInterval(s3);},8000);
</script>

运行结果:

一直弹出到结束:

前端js中计时器的使用相关推荐

前端 ---JS中的面向对象
JS中的面向对象创建对象的几种常用方式 1.使用Object或对象字面量创建对象 2.工厂模式创建对象 3.构造函数模式创建对象 4.原型模式创建对象 1.使用Object或对象字面量创建对象 JS ...
云客Drupal源码分析之前端js中的翻译
从本主题开始<云客Drupal源码分析>系列将连续发布和前端js相关的内容,如果您对JavaScript还不熟悉或者需要来一次系统性的整理回顾,在此云客为您准备了以下资料: <PHP ...
js中计时器setTimeout、setInterval、requestAnimationFrame区别
转载自:https://www.cnblogs.com/xiaohuochai/p/5777186.html 本文仅用于作为学习笔记计时器一直是javascript动画的核心技术.而编写动画循环的关 ...
前端---js中onmouseover和onmouseout事件
在网页浏览中我们可以发现在有些页面的部分当我们鼠标移动到某个板块的时候会发现它弹出一个新的板块并且当鼠标移出后又自动隐藏,是因为在改板块中使用了javascript中的onmouseover和onmo ...
前端js 中全局变量失效？
问题描述定义一个全局变量,按理说中页面中任何地方使用都可以 var param; 原因分析: 异步请求时变量还未来得及赋值就被使用就造成未定义这种情况发生解决方案: 异步请求时加上 ,async ...
Web前端js中鼠标事件
0 onmousemove鼠标在某元素上移动 0 onmouseover鼠标移到某元素之上(事件冒泡): 0 onmouseout鼠标移出某元素: 0 omouseleave鼠标离开某元素: 0 on ...
10.js中的计时器
js中的两中计时器在js中计时器主要是用来计算时间多久执行一个函数 setTimeout()setlnterval() 1. setlnterval()的语法格式: setlnterval(函数名, ...
华为云内容审核API调用前端 js uni-app
文章目录前言一.华为云的内容审核api的调用需要哪些东西? 二.使用步骤 1.先注册一个华为云的账号 2.申请内容审核服务 3.[华为云内容审核API的官方文档](https://support. ...
前端js长整型精度丢失处理
一.现象在分页查询时,服务端会将返回的对象进行json序列化,转换为json格式的数据,而用户的ID是一个Long类型的数据,而且是一个长度为 19 位的长整型数据, 该数据返回给前端是没有问题的. ...

前端js中计时器的使用

前端js中计时器的使用相关推荐

最新文章

热门文章