JavaScript实现定时页面跳转功能示例


Posted in Javascript onFebruary 14, 2017

本文实例讲述了JavaScript实现定时页面跳转功能。分享给大家供大家参考,具体如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<script type="text/javascript" language="javascript" >
<!--
var time = 8; //时间,秒
function Redirect(){
window.location = "https://3water.com/";
}
var i = 0;
function dis(){
document.all.s.innerHTML = "还剩" + (time - i) + "秒";
i++;
}
timer=setInterval('dis()', 1000);//显示时间
timer=setTimeout('Redirect()',time * 1000); //跳转
//-->
</script>
</head>
<body>
<span id="s"></span>
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
一个简单的Ext.XTemplate的实例代码
Mar 18 Javascript
利用js正则表达式验证手机号,email地址,邮政编码
Jan 23 Javascript
JavaScript实现简单的日历效果
Sep 25 Javascript
socket.io学习教程之深入学习篇(三)
Apr 29 Javascript
微信小程序之多文件下载的简单封装示例
Jan 29 Javascript
使用vue2实现购物车和地址选配功能
Mar 29 Javascript
jquery简单实现纵向的无缝滚动代码实例
Apr 01 jQuery
React优化子组件render的使用
May 12 Javascript
在layui下对元素进行事件绑定的实例
Sep 06 Javascript
使用vue-router切换页面时实现设置过渡动画
Oct 31 Javascript
JS实现小米轮播图
Sep 21 Javascript
React forwardRef的使用方法及注意点
Jun 13 Javascript
javaScript嗅探执行神器-sniffer.js
Feb 14 #Javascript
JS实现的简单图片切换功能示例【测试可用】
Feb 14 #Javascript
Javascript下拉刷新的简单实现
Feb 14 #Javascript
Vue 短信验证码组件开发详解
Feb 14 #Javascript
JS去除字符串中空格的方法
Feb 14 #Javascript
Node.js与Sails redis组件的使用教程
Feb 14 #Javascript
JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】
Feb 14 #Javascript
You might like
解析Linux下Varnish缓存的配置优化
2013/06/20 PHP
Codeigniter实现智能裁剪图片的方法
2014/06/12 PHP
php中mysql连接方式PDO使用详解
2015/02/25 PHP
php实现的通用图片处理类
2015/03/24 PHP
thinkPHP3.2.3实现阿里大于短信验证的方法
2018/06/06 PHP
php设计模式之策略模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
JS中with的替代方法与String中的正则方法详解
2016/12/23 Javascript
Javascript仿京东放大镜的效果
2017/03/01 Javascript
浅谈angular2 组件的生命周期钩子
2017/08/12 Javascript
Vue filter介绍及其使用详解
2017/10/21 Javascript
Nuxt.js实战详解
2018/01/18 Javascript
JS实现的小火箭发射动画效果示例
2018/12/08 Javascript
Vue2.0实现组件之间数据交互和通信操作示例
2019/05/16 Javascript
一篇文章带你从零快速上手Rollup
2020/09/07 Javascript
[01:04]DOTA2上海特锦赛现场采访 FreeAgain遭众解说围攻
2016/03/25 DOTA
用Python实现协同过滤的教程
2015/04/08 Python
在Python的Django框架中更新数据库数据的方法
2015/07/17 Python
Python基于identicon库创建类似Github上用的头像功能
2017/09/25 Python
python使用itchat库实现微信机器人(好友聊天、群聊天)
2018/01/04 Python
Python3.6通过自带的urllib通过get或post方法请求url的实例
2018/05/10 Python
解决Django生产环境无法加载静态文件问题的解决
2019/04/23 Python
python3在同一行内输入n个数并用列表保存的例子
2019/07/20 Python
Python bytes string相互转换过程解析
2020/03/05 Python
Eclipse配置python默认头过程图解
2020/04/26 Python
keras自定义回调函数查看训练的loss和accuracy方式
2020/05/23 Python
最新pycharm安装教程
2020/11/18 Python
Python实现Word文档转换Markdown的示例
2020/12/22 Python
HTML5 直播疯狂点赞动画实现代码 附源码
2020/04/14 HTML / CSS
泰坦健身器材:Titan Fitness
2018/02/13 全球购物
日常奢侈品,轻松购物:Verishop
2019/08/20 全球购物
Lovedrobe官网:英国领先的大码服装品牌
2019/09/19 全球购物
售后客服工作职责
2014/06/16 职场文书
2014年妇联工作总结
2014/11/21 职场文书
2016年优秀共青团员事迹材料
2016/02/25 职场文书
Alexa停服!网站排名将何去何从?目前还没有替代品。
2022/04/15 杂记
python读取mat文件生成h5文件的实现
2022/07/15 Python