js实现指定时间跳转到另一个页面

最新推荐文章于 2023-11-06 20:21:16 发布
最新推荐文章于 2023-11-06 20:21:16 发布
阅读量1.1k 收藏 1
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/sxh-myblogs/p/8214204.html
版权 
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <title>setTimeout</title>
 5 </head>
 6 <body>
 7 <h1>跳转页面</h1>
 8 <form>
 9     <div>
10         <p><span id="skip"></span>秒后跳转到主页面</p>
11     </div>
12 </form>
13 <script type="text/javascript">
14     var t = 5;
15     function showTime() {
16         t -= 1;
17         document.getElementById('skip').innerHTML = t;
18         if (t == 0) {
19             window.location.href = 'http://www.baidu.com';
20         }
21         setTimeout("showTime()",1000);
22     }
23     showTime();
24 </script>
25 </body>
26 </html>
js实现简单跳转

 

转载于:https://www.cnblogs.com/sxh-myblogs/p/8214204.html

aocheng1010
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js实现5秒之后跳转到另一个页面
我们仨
08-16 6426
最近在做网上书城项目时，总结了两种方式实现5秒之后跳转到另一个页面。 第一种方式：直接在jsp页面中写入js代码； msg.jsp代码如下： <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 T...
用js编写，定时跳转：编写定时跳转的HTML页面。当秒数大于0时，利用 setTimeout() 循环倒计时；当秒数小于等于0时，利用 location.href 跳转到指定的URL地址中。
m0_53911328的博客
04-22 683
CSS页面代码： <style> *{ margin: 0; padding: 0; box-sizing: border-box; } .success{ width: 700px; height: 100px; margin: 100px auto; padding: 10px 15px; color: #3c763d; text-align: center
js定时点击
lqbz的总结
04-25 2887
网页每过10分钟会弹出一个图标，需要点击后才能继续观看 采用js自动点击，首先获取网页弹出图标的class名称，然后启动计时器每10分钟多一点时间自动点击 var ref = ""; var sumNum = 0; function clock_click(){ $('.clock-tip').click(); sumNum+=1; console.log("点击"...
使用JavaScript控制按钮点击触发的时间段
H_zhiyi的博客
11-18 777
话不多说 直接上代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="./addevent.js"></script> <title>D
用Javascript实现点击按钮倒计时跳转到其他页面
茂茂的博客
02-07 1631
用Javascript实现点击按钮倒计时跳转到其他页面 正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教 在光网页时，我们通常点击某个按钮不会立即跳转，而是倒计时，等几秒钟之后再进行跳转，下面我们用代码来实现 **代码如下** <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> &lt
网页上的一个链接实现根据不同时间段对应跳转不同的链接
都说了要微辣
01-19 2858
今天在做一个前端项目，其中有一个地方需要实现一种功能，就是网页上有一个超链接(图片/文字/按钮皆可)，这个超链接需要满足一个功能：当在9:00-18点期间，点击超链的是A链接；而在这个时间段之外的，跳转的都是B链接。也就是根据时间段来判断href最终对应的链接，具体实现代码如下 &lt;!DOCTYPE html&gt; &lt;html&gt;&lt;head&gt; &lt;script ...
基于JavaScript实现定时跳转到指定页面
10-23
<title>js指定时间之后跳转到指定页面代码实例 <script type="text/javascript"> function redirect() { if (second ) { location.href = 'http://wwww.jb51.net'; } else { if (navigator.appName.indexOf(...
JavaScript实现x秒后自动跳转到一个页面
12-09
这里我们将详细探讨三种通过JavaScript实现x秒后自动跳转到一个页面的方法。 1. **直接使用`response.sendRedirect()`**： 这个方法通常在服务器端使用，例如在Java的Servlet中。`response.sendRedirect()`函数...
js点击返回跳转到指定页面实现过程
10-22
主要介绍了js点击返回跳转到指定页面实现过程,需要的朋友可以参考下
JS控制div跳转到指定的位置的几种解决方案总结
10-21
主要介绍了JS控制div跳转到指定的位置的几种解决方案总结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。
JS在一定时间内跳转页面及各种刷新页面的实现方法
11-25
软件开发网整理的关于JS刷新页面相关的总结：//www.jb51.net/article/139788.htm 1.js 代码： [removed] var time = 5; //时间,秒 var timelong = 0; function diplaytime(){ //时间递减 document.all.his[removed] = time -timelong ; timelong ++; } function redirect(){ //跳转页 //history.back(); [removed].href="Categ
auto.js跳转到京东指定页面.txt
05-20
通过京东意图scheme跳转到指定页面，包括指定商品、东东农场、种豆得豆、宠汪汪、东东萌宠、天天加速以及各种签到页面的跳转代码。
JS设置定时器跳转页面
li22356的博客
01-12 1347
JS 停留几秒钟后跳转网页 function submitCase() { setTimeout(function(){//1秒后跳转 location.href = "${pageContext.request.contextPath}/跳转路径";//PC网页式跳转 },1000); }
JS定时器实现页面N秒后跳转 实现每隔 1s 自动刷新页面并格式化的显示当前时间
最新发布
m0_73381672的博客
11-06 845
1. 通过 setInterval 函数，来周期性的更新倒计时间，同时更新到页面。即通过设置页面可以显示 3 2 1，然后跳转。1000指的是每隔1秒执行一次。2. 通过 setTimeout 执行一个延迟函数来达到跳转的目的。
使用Js定时器来定时跳转
Super algorithm 的博客，技术爱好者。
03-15 2135
🍎道阻且长，行则将至。🍓 想实现在5秒后跳转到指定页面。记录了过程和问题。
js实现页面刷新和跳转(指定时间)
你若不在，我便走
04-21 2284
js实现页面刷新和跳转(指定时间) 第一种: setTimeout(aa,1000*10); //10s后页面跳到指定的页面 function aa(){ window.location.href="${isTypeS}"; //${isTypeS} 地址 可以是当前页面，也可以是其他页面地址 } 第二种: //60秒后跳到xsqj_qj.jsp
js设置多少时间后自动跳转到某个页面
赵阳的博客
04-08 4071
5S后跳转到manage.html页面代码：<script language="javascript"> function tiao(){ window.open('manage.html',"_self"); } setTimeout("tiao()",5000); function changSec(){ $("myspan").innerText=parseInt($("m
用JS实现一个定时间段的跳转
weixin_30271335的博客
05-23 566
用JS实现一个定时间段的跳转 常见的定时跳转就是说指某个时间比如30分钟或30秒进行页面跳转但实现我们工作常见的就是某个活动往往是周末或节假日才开始，这时不可能有人守着帮你跳转页面（而且涉及的页面会很多，活动一般会多个页面宣传） JS实例：<script languge="javascript"> //取得指定日期及时间的毫秒数 datetim...
jquery 从一个页面跳转到另一个页面的指定位置的实现代码
09-02
要实现jquery从一个页面跳转到另一个页面的指定位置，可以使用jquery的smoothScroll插件来实现。 首先，在要跳转的页面中，引入jquery和smoothScroll插件的js文件。例如： ```html <script src="jquery.js"></script> <script src="smoothScroll.js"></script> ``` 接下来，在需要跳转的元素上添加一个点击事件，将希望跳转到的目标位置作为参数传递给smoothScroll函数。例如： ```html <a href="page2.html#target" class="scroll">跳转到指定位置</a> ``` 然后，在当前页面的脚本中，使用jquery的ready函数来绑定scroll类的元素点击事件。在事件处理函数中，使用smoothScroll函数来实现平滑滚动到指定位置。例如： ```javascript $(document).ready(function() { $('.scroll').click(function(e) { e.preventDefault(); // 阻止默认的点击事件 var target = $(this).attr('href'); // 获取目标位置 $(window).smoothScroll({ scrollTarget: target }); // 平滑滚动到目标位置 }); }); ``` 最后，在目标页面的指定位置处添加一个id，用来标识该位置。例如： ```html <div id="target"> <h1>我是目标位置</h1> <p>欢迎跳转到这个位置</p> </div> ``` 这样，当点击带有scroll类的元素时，jquery会平滑地滚动到目标页面的指定位置处。 注意：在使用smoothScroll插件时，需要保证smoothScroll.js文件被正确引入，并且滚动到的目标位置要存在对应的id。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值