javascript实现倒计时N秒后网页自动跳转代码
作者:bea
代码如下: <title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/javascript"> function delayURL(url) { var delay = document.getElementById("time").innerHTML; if(delay > 0) { delay--; document.g
代码如下:
<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>
代码很简单,却很实用,小伙伴们根据自己的需求放到自己项目中吧。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 重写document.write实现无阻塞加载js广告(补充)
- js中document.write的那点事
- 让javascript加载速度倍增的方法(解决JS加载速度慢的问题)
- jQuery实现瀑布流布局
- jquery+ajax验证不通过也提交表单问题处理
- js 左右悬浮对联广告代码示例
- 原生JavaScript+LESS实现瀑布流
- jquery禁止回车触发表单提交
- 完美兼容各大浏览器的jQuery插件实现图片切换特效
- windows8.1+iis8.5下安装node.js开发环境
- jQuery 和 CSS 的文本特效插件集锦
- js使用递归解析xml
- 做web开发 先学JavaScript
- 兼容主流浏览器的JS复制内容到剪贴板
- Javascript模拟加速运动与减速运动代码分享
- javascript中HTMLDOM操作详解
- javascript实现修改微信分享的标题内容等
- javascript表单验证和Window详解
- 使用百度地图api实现根据地址查询经纬度