JS中定时器的使用以及lacation对象的多个案例

最新推荐文章于 2021-10-26 14:39:35 发布
最新推荐文章于 2021-10-26 14:39:35 发布
阅读量198 收藏
点赞数
分类专栏： Javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46513544/article/details/105136921
版权

5秒之后页面跳转
在这里插入图片描述
在这里插入图片描述
注册绑定事件之后，需要URL部分只是 location.href得到的是整个链接 ，将跳转的页面内容赋给div ，使用定时器倒计时实现时间的变化。

手机短信的倒计时
在这里插入图片描述
案例分析：获取URL参数数据 数据在不同页面的相互传递
1、第一次登录页面，里面有提交表单 action提交到index.html页面
2、第二个页面，可以使用第一个页面的参数，这样实现了一个数据不同页面的传递效果
3、第二个页面之所以可以使用第一个页面的数据，是利用URl里面的location.search参数
4、在第二个页面中，需要把这个参数提取
5、第一步利用？ 利用substr
6、第二步利用=号分割键和值 spit(’=’)
在这里插入图片描述
另一个html里面添加div在这里插入图片描述
在这里插入图片描述
在此HTML中添加js样式，完成页面的跳转。将一个页面的数据送到另一个页面中。

jasmine s
关注
专栏目录
【JavaScript BOM】定时器、location对象、navigator对象、JS执行机制
耍酷的李世达的博客
09-13 346
BOM1.BOM概述2.window对象常见事件窗口加载事件1窗口加载事件2两者区别调整窗口大小事件3.定时器setTimeout()案例：五秒后自动关闭广告停止setTimeout()定时器setInterval()案例：倒计时停止setInterval()定时器案例：发送短信this指向4.JS执行机制JS单线程同步和异步5.location对象5.1 URL5.2 location对象的属性案例：5秒后跳转页面案例：获取URL参数5.3 location对象的方法6.navigator对象 1.BOM
定时器及案例
m0_72313625的博客
09-01 840
window.setTimeout(调用函数，延时时间)； 书写时window可以省略；clearTimeout() 就可以停止定时器 window.setInterval(调用函数，延时时间)书写时window可以省略；clearInterval() 函数来暂停该计时器
js页面显示多个定时器
08-21
js页面显示多个定时器；及用法都在文档之中。
js中的定时器和面向对象
Wlcf258的博客
01-12 1061
1. 定时器的使用 1. 定时器：用以指定在一段特定的时间后执行某段程序。 1.1.倒计定时器：timename=setTimeout("function();",delaytime); // 只执行一次 1.2.循环定时器：timename=setInterval("function();",delaytime); // 无线循环倒计时定时器是在指定时间到达后触发事件
【Nginx⭐005】Nginx负载均衡配置
玉
03-31 202
这个负载均衡的配置其实和网上那些有一点区别，网上一般在lacation / 里做负载均衡，但是我们公司因为lacation / 里放置了其他东西，后端用其他的标记，如/s， 所以重点来了，负载均衡后，跳转到的接口也要有/s, nginx到其他server里还是会找/s 标记的location匹配。所以nginx的负载均衡只是跳转到了另一个你指定的ip和port，原来需要匹配的lacation标记，还是一样的要保持一致，不然就会出现404 找不到的错误。 三步！！！ 以下是全部配置 upstream
location对象
qq_41189709的博客
08-05 127
location对象的属性 属性 返回值 location.href location.host 返回域名 比如（www.baidu.com） location.port 返回端口号，如果未写返回，则为空字符串 location.pathname 返回路径 location.search 返回参数，？后面的 location.hash 返回片段，#后面内容，常...
window对象详解
ge15139567650的博客
10-26 270
路径：http://10.200.1.3:8080/disk?ciCode=xxxxxx 打开后台控制器，输入windows打印找到location，可以发现 1.host：获取域名+端口 windows.lacation.host 2.hostname：获取域名windows.lacation.hostname 3.href：获取整个urlwindows.lacation.href 4.origin：获取传参路由前面的url/接口路径windows.lacation.orig...
JavaScript WebAPI 系列四 键盘事件；顶级对象window；窗口加载事件；调整窗口大小事件；定时器；location对象；navigator对象；history对象及方法
m0_55170432的博客
03-29 312
1.0 常见的键盘事件以及对象 事件除了使用鼠标触发，还可以使用键盘触发， 注意给文档 document 添加键盘事件 键盘事件 onkeyup （某个键盘按键被松开时触发） onkeydown （某个键盘按键被按下是触发） onkeypress （某个键盘按键被按下时并且弹起时触发）这个基本不用！ 它不识别功能键，比如左右箭头，shift 等；并且他区分大小写 事件对象： keyCode 是事件对象（返回改建的ASCLL表的值） 注意： onkeypress 和前面2个的区别是，它不识别功
04【JS 高级】- 【BOM 浏览器对象模型】 BOM 概述，window 对象的常见事件，定时器，JS 执行机制，location 对象，navigator 对象，history 对象
嘿嘿_哈哈的博客
08-28 454
BOM 浏览器对象模型 学习内容：BOM 概述，window 对象的常见事件，定时器，JS 执行机制，location 对象，navigator 对象，history 对象 1. BOM 概述 1.1 什么是 BOM BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心 对象是 window。页面前进后退页面，刷新页面，窗口大小变化，滚动条滚动 BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 BO..
Location对象 / 案例：5秒后自动跳转页面/ 案例：获取URL参数数据
weixin_50119334的博客
10-04 4451
Location对象 location用于获取或设置窗体的URL，并且可以用于解析URL。 因为location返回的是一个对象，因此这个属性也称为location对象 URL：统一资源定位符，是互联网上标准资源的地址 URL由三部分组成：资源类型、存放资源的主机域名、资源文件名。 也可认为由4部分组成：协议、主机、端口、路径 URL的一般语法格式为： protocol :// hostname[:port] / path / [;parameters][?query]#fragment 组成 说明
JS中location的用法和作用
zwd926的博客
05-30 3599
window.location 对象所包含的属性： 属性 描述 hash 从井号 (#) 开始的 URL（锚） host 主机名和当前 URL 的端口号 hostname 当前 URL 的主机名 href 完整的 URL pathname 当前 URL 的路径部分 port 当前 URL 的端口号 protocol 当前...
JS中的location属性
落枫秋歌
04-17 1万+
location属性一般引用自Location对象，可以用于获取或者设置当前的URL。window.location === document.location; //true 均引用自Location对象；URL的一般组成包括：eg: protocol://[user[:password]@]hostname:[port][/path][?query][#fragment]获取URL的方式包括
html中location的用法详解
热门推荐
帅气的鎏氓兔
09-03 2万+
Location介绍 location指示了其所连接对象的url位置。Document和window对象中都有location属性，可以通过window.location和document.location访问。 注意 如果想要获得当前文档的完整url字符串，有四种方式 document.locationdocument.location.hrefdocument.URLdocument
Java:如何正确使用Timer【java定时器的使用（Timer） 】
冀忠的博客
06-12 621
在需要按时间计划执行简单任务的情况下，Timer是最常被使用到的工具类。使用Timer来调度TimerTask的实现者来执行任务，有两种方式，一种是使任务在指定时间被执行一次，另一种是从某一指定时间开始周期性地执行任务。 下面是一个简单的Timer例子，它每隔10秒钟执行一次特定操作doWork。 Timer timer = new Timer(); ...
JS中Location使用详解
shueiyuan1983的专栏
10-18 1928
javascript中location地址对象描述的是某一个窗口对象所打开的地址。要表示当前窗口的地址，只需要使用“location”就行了；若要表示某一个窗口的地址，就使用“.location”。 一、JS中Location的含义 1、Location 对象存储在 Window 对象的 Location 属性中，表示那个窗口中当前显示的文档的 Web 地址。它的 href 属性存放的是文档的
使用定时器对象
死胖子的博客
02-21 1169
使用定时器对象 以下图表说明了怎么样使用一个通知定时器去为一个操作设定一个超时事件，然后等待其他驱动例程处理一个IO请求。 如上图表所示，驱动程序必须为定时器对象提供存储空间，并以它作为参数为这个定时器对象调用KeInitializeTimer初始化定时器。驱动程序通常在AddDevice中调用这个函数。在一个特定的线程的上下文中，像是一个驱动创建的线程或是一个正在请求一个同步IO操作
使用定时器解决对象事件中自释放的问题
糖醋舌头
12-06 991
一个多月来，加班似乎成了家常便饭，紧追慢赶手头几乎不可能实现的项目，也很少有机会写点什么了。最近在实现Delphi Server控件组操作Word编辑文档的时候，遇到了3年前就曾遇到的问题，以为这次能够圆满解决，但最后发现还是沿用的老方法－－看来对于实现层，我还是个新手啊...好了废话不说，来说说我发明的这个笨法。问题的由来：当前项目中有个实现为，用Delphi的Server控件启动一
Angular （二） Jasmine单元测试和端到端测试
Misslay's
11-02 5814
单元测试 是一种能够帮助开发者验证代码中某一部分有效性的技术。 端到端测试（E2E） 则是在当你想要确保一堆组件能够按照预先设想的方式整合起来运行的时候使用。作为一个现代的JavaScript MVW 框架对于单元测试和端到端测试都提供了充分的支持。在编写AngularJS应用的同时编写测试能够为你省下很多在未来需要修改bug的时间。本文将介绍如何在AngularJS中编写单元测试和端到端测试
js 定时器操作 数据对象操作
weixin_30294709的博客
08-10 266
<script> var id; function start() { if(id=undefined){ foo() id=setInterval(foo,1000); } } function foo() { ...
js封装定时器多个组件使用
最新发布
01-10
在JavaScript中，可以通过封装定时器来实现多个组件的定时功能。以下是一个简单的例子： ```javascript // 定义一个封装了定时器的组件 function TimerComponent(interval, callback) { this.interval = interval; // 定时器间隔时间 this.callback = callback; // 定时器回调函数 this.timerId = null; // 定时器Id } // 启动定时器 TimerComponent.prototype.start = function() { // 判断定时器Id是否已存在，如果存在则表示已启动过，不再重复启动 if (this.timerId) { return; } // 使用箭头函数确保回调函数内部使用正确的this对象 this.timerId = setInterval(() => { // 调用回调函数 this.callback(); }, this.interval); } // 停止定时器 TimerComponent.prototype.stop = function() { // 清除定时器Id clearInterval(this.timerId); this.timerId = null; } // 创建多个定时器组件实例 var timer1 = new TimerComponent(1000, function() { console.log("定时器1触发"); }); var timer2 = new TimerComponent(2000, function() { console.log("定时器2触发"); }); // 启动定时器 timer1.start(); timer2.start(); // 停止定时器 // timer1.stop(); // timer2.stop(); ``` 以上代码中，我们定义了一个`TimerComponent`对象，该对象包含了一个定时器的间隔时间和回调函数，并且提供了启动和停止定时器的方法。通过创建多个`TimerComponent`实例，每个实例都可以设置不同的定时器间隔和回调函数。调用`start`方法可以启动定时器，调用`stop`方法可以停止定时器。这样，我们就可以通过封装定时器来实现多个组件的定时功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值