要求:

3秒后自动跳转到指定页面,可用于首页广告等场景。

实现效果:

代码实现:

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><div></div><script>var div = document.querySelector('div');var timer = 5;fn();setInterval(fn, 1000);function fn() {if (timer == 0) {location.href = 'https://blog.csdn.net/Jack_lzx';} else {div.innerHTML = timer + '秒钟之后跳转到首页';timer--;}}</script>
</body></html>

JavaScript 自动秒跳转页面相关推荐

  1. JavaScript网页制作--五秒后自动跳转页面

    JavaScript网页制作–五秒后自动跳转页面 通常在浏览一些网站时,会出现网页不存在的情况,网页不存在之后,有些网站会在5秒后自动跳转到一个新的网页,比如网站的首页.可以利用定时器和locatio ...

  2. 页面自动获取焦点影响页面切换效果_ReactIndex - 让文件夹index页面变得更有实用性 (替换传统Web服务器index页)...

    React的学习和家庭需求 工作上有需要接触React,而在正式接触相关产品之前为了了解一些基础.除了标准教程里面的例子意外,总觉得有点不够. 正好孩子他妈最近交给我一个任务: 儿子的学习资料需要整理 ...

  3. JS自动刷新当前页面

    JS自动刷新当前页面 在ITOO的后台管理中,有一个需求就是查看考生的登录情况,每个考场当前的考生登录人数详情. 这里,之前是手动的点击刷新按钮,进行刷新,这里前台使用的是easyUI,代码如下: e ...

  4. JavaScript自动生成博文目录导航/TOP按钮

    博客园页面添加返回顶部TOP按钮 进入网页管理->设置 在"页面定制CSS代码"中添加如下css样式,当然你可以改为自己喜欢的样式 此处可以将背景色background-co ...

  5. JavaScript自动生成博文目录导航

    http://www.cnblogs.com/xdp-gacl/p/3718879.html 为博客园添加目录的配置总结 http://www.cnblogs.com/jiangz/p/3734968 ...

  6. 【油猴脚本】忽视页面跳转拦截,自动继续访问页面JustJumpAhead(location;正则)

    自动继续访问页面JustJumpAhead 发布:2021年9月29日23:15:50 脚本安装地址 参考:greasyfork:JustJumpAhead [更新:2022年10月17日00:19: ...

  7. javascript 自动按按钮

    javascript 自动按按钮 有的按钮里的函数有对按钮自身的操作,不能单独调用按钮里的函数.所以要用新的函数来调按钮 <html lang="en-us"> < ...

  8. 微信小程序setTimeout自动跳转页面

    setTimeout(function() {console.log("开始进行跳转");wx.reLaunch({url: '../PikceTime/PikceTime',}) ...

  9. 开发一款自动指向特定页面元素的jQuery插件:jQuery PointPoint

    来源:tutorialzine.com          编译:GBin1.com web设计人员感觉目前他们出于一个两难的境地:他们需要创建出优美的用户界面,需要创新并且实用.有时候,尽管我们全力付 ...

最新文章

  1. 机器学习判定模型与生成模型区别
  2. adb devices 找不到设备的解决方法
  3. iOS MVC 介绍
  4. pytorch 笔记: 协同过滤user item bias 实现
  5. 《Effective STL》学习笔记(第三部分)
  6. CRM User status optimization - heavy calculation logic of status filter
  7. Hibernate Collection Cache如何工作
  8. maven项目使用jacoco插件检测代码覆盖率详细配置
  9. centos 关机命令_Linux anacron命令用法详解
  10. 日志能被截取吗 log4j_Java日志体系居然这么复杂?——架构篇
  11. lib-flexible vue项目(移动端适配)
  12. Python工程师面试题目
  13. XP连接网络计算机未启动服务,在xp系统中,如何解决本地连接无法禁止或开启?...
  14. python实现小写金额转换成大写
  15. Term40:若一个类是函数子(functor),则应使它可配接(adaptable)
  16. 论文写作 2: 常见的 Latex 格式文件
  17. CubeMX 5.5 修改HAL库库函数版本
  18. java convexhull_android java opencv 2.4 convexhull convexdefect
  19. 百练 / 2016计算机学科夏令营上机考试: E
  20. mysql老司机之路

热门文章

  1. Hive学习(15)-Hive分析窗口函数(三)
  2. 微信公众号对接ChatGPT-实现基于自己知识库的机器人功能-并且可以人工接入进行回复的客服系统...
  3. SpringCloud 微服务(六)-服务异步通信
  4. Linux sync 、fsync 和 fdatasync详解
  5. php 匹配多个正则表达式,PHP 正则表达式函数库(两套)
  6. PHP四大主流框架的优缺点总结
  7. Cadence PCB学习 常规标贴焊盘制作
  8. Linux- crond详解
  9. 【数据结构与算法】设计循环队列
  10. 中高知识产权托管与服务平台企业知识产权的小管家