基于JavaScript实现网页倒计时自动跳转代码
用JS实现网页上的自动跳转功能,倒计时跳转至指定网页,倒计时间可自设,时间到则自动跳转到指定的网址,对于JS来说,实现该似乎挺简单哦,用IIS上的301也可实现跳转,以及mete标签也可以实现自动跳转,根据你自己的需要了。
<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>
以上内容是小编给大家分享的基于JavaScript实现网页倒计时自动跳转代码 ,希望大家喜欢。
相关推荐
-
js几秒以后倒计时跳转示例
复制代码 代码如下: <html> <head> <title>出错啦~~~</title> <link href="css/login1.css" mce_href="css/login1.css" rel="stylesheet" type="text/css" /> <script language="javascript" type=
-
asp.net中倒计时自动跳转页面的实现方法(使用javascript)
首先,先建立一个用于跳转的页面,代码如下. 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="LoginTiao.aspx.cs" Inherits="LoginTiao" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &
-
Javascript倒计时(定时)执行跳转事件的代码
9 document.getElementByIdx_x=function(id){ if(typeof id =='string') return document.getElementById(id); else throw new error('please pass a string as a id!') } var timer = window.setInterval(function(){ document.getElementByIdx_x('box').innerHTML = p
-
JavaScript实现时间倒计时跳转(推荐)
1. setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式. setTimeout() 只执行 code 一次.如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout(). <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.
-
Javascript倒计时页面跳转实例小结
例1: 复制代码 代码如下: <script type="text/javascript" language="JavaScript"> var startTime = new Date(); var endTime=startTime.getTime()+10*60*1000; var g_blinkswitch = 0; var g_blinktitle = document.title; function getRemain
-
javascript实现倒计时N秒后网页自动跳转代码
复制代码 代码如下: <title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/javascript"> function delayURL(url) { var delay = document.getElementById("time").innerHTML; if(delay &g
-
javascript秒数倒计时自动跳转代码
var secs =5; //倒计时的秒数 var URL ; function Load(url){ URL =url; for(var i=secs;i>=0;i--) { window.setTimeout('doUpdate(' + i + ')', (secs-i) * 1000); } } function doUpdate(num) { document.getElementById('ShowDiv').innerHTML = '将在'+num+'秒后自动跳转到 我们' ; if
-
基于JavaScript实现网页倒计时自动跳转代码
用JS实现网页上的自动跳转功能,倒计时跳转至指定网页,倒计时间可自设,时间到则自动跳转到指定的网址,对于JS来说,实现该似乎挺简单哦,用IIS上的301也可实现跳转,以及mete标签也可以实现自动跳转,根据你自己的需要了. <title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/javascript"> function delayURL(url)
-
js基于面向对象实现网页TAB选项卡菜单效果代码
本文实例讲述了js基于面向对象实现网页TAB选项卡菜单效果代码.分享给大家供大家参考.具体如下: 这是一款自动的网页TAB,基于面向对象的选项卡菜单,由于时间关系只做了简单的实现,界面没有美化,不多做介绍了. 先来看看运行效果截图: 在线演示地址如下: http://demo.jb51.net/js/2015/js-mxdx-tab-cha-style-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio
-
JavaScript实现网页视频添加水印的示例代码
目录 示例图 原理 代码示例 示例图 原理 通过html的页面布局,在video播放器层面,通过js控制dom,插入文本水印代码. 代码示例 index.html <!DOCTYPE html> <html> <head> <meta name="renderer" content="webkit" /> <meta http-equiv="Content-Type" content=&quo
-
基于JavaScript实现 网页切出 网站title变化代码
废话不多说了,直接给大家贴代码了,具体代码如下所示: <!DOCTYPE html> <html> <head> <meta charset="UTF-"> <title>这里是网站标题</title> </head> <body> <script type="text/javascript"> document.body.onfocus = function
-
基于JavaScript实现活动倒计时效果
本文实例为大家分享了js倒计时效果的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <title>countDown</title> <style type="text/css"> #mydiv{ width:150px; background-color:green; margin:0 auto; padding:0 auto; color:pink; } <
-
基于JavaScript实现网页计算器
本文实例为大家分享了JavaScript实现网页计算器的扫雷游戏的具体代码,供大家参考,具体内容如下 先看效果: 此外,计算器还附有数字.运算符检查功能: 下贴源码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="ht
-
网页自动跳转代码收集
不隐藏转向之后的地址 代码一 ------------------------------------------------------------------------------ <html> <head> <meta http-equiv="Content-Language" content="zh-cn"> <meta HTTP-EQUIV="Content-Type" CONTENT=&qu
随机推荐
- FCKEDITOR 相关函数介绍
- jquery动态遍历Json对象的属性和值的方法
- Java Swing中的文本框(JTextField)与文本区(JTextArea)使用实例
- 可以修改脚本自身运行次数的vbs(Self modifying script)
- swift 隐式可选型实例详解
- perl实现的两个文件对比并对数据进行筛选的脚本代码
- 驱动事件的addEvent.js代码
- JS简单判断函数是否存在的方法
- 非常不错的关于IE与FireFox的js和css几处不同点[转自星火燎原]
- SQL Server2008中删除重复记录的方法分享
- jquery自定义属性(类型/属性值)
- iScroll中事件点击触发两次解决方案
- C++线程池的简单实现方法
- Android中使用GridView实现仿微信图片上传功能(附源代码)
- 思科路由器系列软件安装与升级步骤
- django之session与分页(实例讲解)
- FileZilla FTP Server 安全加固图文教程
- .NET Core 迁移躺坑记续集之Win下莫名其妙的超时
- Exchange在接收连接器上启用匿名中继的方法
- 简单了解JavaScript中的执行上下文和堆栈