javascript实现倒计时N秒后网页自动跳转代码
<title>JS倒计时网页自动跳转代码</title>
<script language="JavaScript" type="text/javascript">
function delayURL(url) {
var delay = document.getElementById("time").innerHTML;
if(delay > 0) {
delay--;
document.getElementById("time").innerHTML = delay;
} else {
window.top.location.href = url;
}
t = setTimeout("delayURL('" + url + "')", 1000);
}
function stop1(){
t && clearTimeout(t);
}
</script>
<span id="time" style="background: #00BFFF">1000</span>秒钟后自动跳转,如果不跳转,请点击下面的链接<a href="http://www.baidu.com">我的百度</a>
<input type="button" value="停止跳转" onclick="stop1();">
<script type="text/javascript">
delayURL("http://www.baidu.com");
</script>
代码很简单,却很实用,小伙伴们根据自己的需求放到自己项目中吧。
相关推荐
-
JS实现点击网页判断是否安装app并打开否则跳转app store
常常有这样的场景,咱们开发出来的APP需要进行推广,比如在页面顶部来一张大Banner图片,亦或一张二维码.但往往我们都是直接给推广图片加了一个下载链接(App Store中的).所以咱们来模拟一下用户的操作步骤: 1.用户第一次访问宣传页面 a.点击Banner,进入到APP Store中对应的APP下载页 b.APP下载页中提示:安装:用户点击安装 c.安装完成后,APP下载页中提示:打开:用户继续点击打开 d.用户正常使用APP 2.用户第二次访问宣传页面 a.点击Banner,进入到AP
-
基于JS实现移动端访问PC端页面时跳转到对应的移动端网页
不想通过CSS自适应在PC端和移动端分别显示不同的样式,那么只能通过在移动端访问PC端网页时跳转到对应的移动端网页了,那么怎么跳转呢,网上也有很多文章说明,以下实现思路经过小编测试过,放心使用. 1.效果图 PC端访问显示: 移动端访问显示: 2.实现: 不考虑移动端搜索引擎优化的话,只需要通过JS判断是否移动端,然后确定是否跳转到指定页面就行了,主要JS如下: //判断是否移动端,如果是则跳转到指定的URL地址 function browserRedirect(url) { //只读的字符串,
-
javascript 网页跳转的方法
第一种: <script language="javascript" type="text/javascript"> window.location.href="login.jsp?backurl=\"+window.location.href; </script> 第二种: <script language="javascript"> alert("返回"); wind
-
实现网页页面跳转的几种方法(meta标签、js实现、php实现)
1.meta标签实现 只需在head里加上下面这一句就行了,在当前页面停留0.1秒后跳转到目标页面 复制代码 代码如下: <meta http-equiv="refresh" content="0.1; url=http://jb51.net/"> 2.Javascript实现 方法一: 这个方法比较常用 复制代码 代码如下: window.location.href = "http://jb51.net/"; 方法二: 复制代码 代
-
网页自动跳转代码收集
不隐藏转向之后的地址 代码一 ------------------------------------------------------------------------------ <html> <head> <meta http-equiv="Content-Language" content="zh-cn"> <meta HTTP-EQUIV="Content-Type" CONTENT=&qu
-
JavaScript实现通过select标签跳转网页的方法
本文实例讲述了JavaScript实现通过select标签跳转网页的方法.分享给大家供大家参考,具体如下: 我们经常有遇到需要用select标签跳转到新网页的情况,dw生成的代码太复杂,那么有没有精简的代码得以实现呢?经过仔细的研究找到了以下几段代码,非常不错. 话不多说,直奔主题. 当面跳转的核心代码是:"location.href=value" 新页面打开的核心代码是:"window.open()" 代码分四类: 1.当前页面直接跳转: <select n
-
jQuery如何跳转到另一个网页 就这么简单
平时我们在Javaweb的开发的过程中,现在还是大都使用jQuery,毕竟当时红极一时,虽然现在有点跟不上时代了,但毕竟还是很主流的.程序员最爱的一张图. 所以了,今天我们就来说一说如何在jQuery中跳转到另外一个网页HTML. 其实下面我列举的几种方法也不一定都是用jQuery,也有的使用了Javascript的原生的方法,所以也算是前端跳转的一个总结吧. 我们可以利用http的重定向来跳转 window.location.replace("http://www.jb51.net"
-
Jquery实现网页跳转或用命令打开指定网页的解决方法
Jquery实现网页跳转或用命令打开指定网页!location.href = "www.jb51.net";location.href = "aa.aspx";
-
asp.net(c#)网页跳转七种方法小结
①response.redirect 这个跳转页面的方法跳转的速度不快,因为它要走2个来回(2次postback),但他可以跳 转到任何页面,没有站点页面限制(即可以由雅虎跳到新浪),同时不能跳过登录保护.但速度慢是其最大缺陷!redirect跳转机制:首先是发送一个http请求到客户端,通知需要跳转到新页面,然后客户端在发送跳转请求到服务器端.需要注意的是跳转后内部空间保存的所有数据信息将会丢失,所以需要用到session. 实例 Example that uses Redirect [C#;
-
让网页跳转到指定位置的jquery代码非书签
调用: 复制代码 代码如下: var offset = 10; var hash = globalHash; if (hash) { scrollBodyTopTo($("div#c_"+hash).offset().top-offset); } 方法: 复制代码 代码如下: function scrollBodyTopTo(pos) { $("html,body").animate({scrollTop:pos}); }
随机推荐
- 基于javascript如何传递特殊字符
- JavaScript 获取当前时间戳的代码
- 纯文字版返回顶端的js代码
- 正则表达式 表示 非指定字符串开头的正则
- JavaScript数据结构链表知识详解
- Win2008 IIS 7.0+php,MySQL,Zend,phpMyadmin配置图解
- 详解JavaScript编程中的window与window.screen对象
- python多线程方式执行多个bat代码
- Android编程实现XML解析与保存的三种方法详解
- 探究MySQL中索引和提交频率对InnoDB表写入速度的影响
- 使用JavaScript脚本判断页面是否在微信中被打开
- SQLSever导入数据图文方法
- sqlserver中的事务和锁详细解析
- SQLServer用存储过程实现插入更新数据示例
- 微信小程序 switch组件详解及简单实例
- Android自定义View实现环形进度条的思路与实例
- 解决MySQL 5.7中定位DDL被阻塞的问题
- vue完成项目后,打包成静态文件的方法
- Vue CLI3基础学习之pages构建多页应用
- 对pyqt5多线程正确的开启姿势详解