JS实现延时跳转到百度

JS实现延时跳转百度

1 创建一个盒子
2 创建一个定时器
3 完整代码如下

1 创建一个盒子

创建一个div盒子，存放5秒后跳转百度页面的提示信息。

<div id="one">5秒后开始跳转百度</div>

2 创建一个定时器

创建一个setInterval定时器，该定时器指每个一段时间执行一次函数。设置一个数num，用来倒计时，每执行一次函数，num减1，直到num减为0时，关闭setInterval定时器，并将此处页面的地址改为百度的地址。每次执行都修改一次页面显示的内容。

num = 5
t1 = setInterval(function() {num -= 1if(num == 0) {clearInterval(t1)window.location='https://www.baidu.com'}     document.getElementById('one').innerText=num+'秒后开始跳转百度'}, 1000)

3 完整代码如下

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body><div id="one">5秒后开始跳转百度</div></body></html>
<script type="text/javascript">
//  function openwindow1() {//      //新窗口打开
//      window.open('https://www.baidu.com')
//
//  }num = 5t1 = setInterval(function() {num -= 1if(num == 0) {clearInterval(t1)
//          openwindow1()//当前窗口打开window.location='https://www.baidu.com'}document.getElementById('one').innerText=num+'秒后开始跳转百度'console.log(num)}, 1000)
</script>

跳转后：

JS定时器可以参考博客https://blog.csdn.net/m0_69100942/article/details/125785006

JS实现延时跳转到百度相关推荐

js 跳转到百度指定地址定位点
js 跳转到百度指定地址定位点 http://api.map.baidu.com/geocoder?address=北京市海淀区上地信息路9号奎科科技大厦&output=html&s ...
百度js 检测输入法_不明恶意攻击致lt;搜狗搜索gt;lt;搜索结果gt;跳转lt;百度搜索gt;技术原理分析...
不明恶意攻击致<搜狗搜索><搜索结果>跳转<百度搜索>技术原理分析原创 2017-09-29 玄魂工作室 EE 玄魂工作室不明恶意攻击致<搜狗搜索> ...
php 百度竞价跳转代码,百度搜索关键词进网站的跳转到另外一个网站的实现方案...
很多时候,百度竞价或者是百度搜索进来关键词的时候需要做个跳转.前段时候有个客户让做了这样的一个效果.现在总结一下,给后来人做个参考. 先说实现思路: 1.我们先确定做跳转可能用到的是三种方法: ①.服 ...
Angular中使用JS实现路由跳转、动态路由传值、get方式传值
场景 Angular介绍.安装Angular Cli.创建Angular项目入门教程: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/detail ...
qt百度地图html,Qt的QWebChannel和JS、HTML通信/交互驱动百度地图
Qt的QWebChannel和JS.HTML通信/交互驱动百度地图 0 前言我一个研究嵌入式的,不知道怎么就迷上了上位机,接了几个项目都是关于Qt,这个项目还是比较经典的,自己没事儿的时候也进行研究 ...
js实现页面跳转重定向的几种方式
转载自 js实现页面跳转重定向的几种方式这篇文章主要介绍js实现页面跳转重定向的几种方式,需要的朋友可以参考下第一种: <script language="javascript& ...
js 控制页面跳转的5种方法
js 控制页面跳转的5种方法编程式导航: 点击跳转路由,称编程式导航,用js编写代码跳转. History是bom中的History.back是回退一页Histiory.go(1)前进一页Histo ...
php跳一跳小游戏,原生JS实现的跳一跳小游戏完整实例
本文实例讲述了原生JS实现的跳一跳小游戏.分享给大家供大家参考,具体如下: 以下说的是闲暇编写的一个小游戏--跳一跳,类似于微信的跳一跳,大体实现功能有: 1.先随机生成地图: 2.按住按钮释放后完成 ...
html实现跳跳棋游戏,原生JS实现的跳一跳小游戏完整实例
本文实例讲述了原生JS实现的跳一跳小游戏.分享给大家供大家参考,具体如下: 以下说的是闲暇编写的一个小游戏--跳一跳,类似于微信的跳一跳,大体实现功能有: 1.先随机生成地图: 2.按住按钮释放后完成 ...