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 相关文章推荐
Extjs4 GridPanel 的几种样式使用介绍
Apr 18 Javascript
原生js实现fadein 和 fadeout淡入淡出效果
Jun 05 Javascript
JQuery实现鼠标滚轮滑动到页面节点
Jul 28 Javascript
js读取并解析JSON类型数据的方法
Nov 14 Javascript
Web Uploader文件上传插件使用详解
May 10 Javascript
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
Jul 07 Javascript
jquery实现输入框实时输入触发事件代码
Dec 21 Javascript
vue实现密码显示隐藏切换功能
Feb 23 Javascript
JS闭包原理与应用经典示例
Dec 20 Javascript
详解elementui之el-image-viewer(图片查看器)
Aug 30 Javascript
vue+springboot+element+vue-resource实现文件上传教程
Oct 21 Javascript
Vue Element UI自定义描述列表组件
May 18 Vue.js
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
使用PHP实现蜘蛛访问日志统计
2013/07/05 PHP
自编函数解决pathinfo()函数处理中文问题
2014/11/03 PHP
一款简单实用的php操作mysql数据库类
2014/12/08 PHP
CI框架源码解读之利用Hook.php文件完成功能扩展的方法
2016/05/18 PHP
php实现基于pdo的事务处理方法示例
2017/07/21 PHP
YII2框架中excel表格导出的方法详解
2017/07/21 PHP
JS(jQuery)实现聊天接收到消息语言自动提醒功能详解【提示“您有新的消息请注意查收”】
2019/04/16 PHP
Js点击弹出下拉菜单效果实例
2013/08/12 Javascript
使用js实现雪花飘落效果
2013/08/26 Javascript
jquery iframe操作详细解析
2013/11/20 Javascript
javascript中不等于的代码是什么怎么写
2013/12/29 Javascript
javascript同步服务器时间和同步倒计时小技巧
2015/09/24 Javascript
JS/jQuery判断DOM节点是否存在的简单方法
2016/11/24 Javascript
JS实现的样式切换功能tableCSS实例
2016/12/30 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
2018/08/06 Javascript
Bootstrap-table自定义可编辑每页显示记录数
2018/09/07 Javascript
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
2019/02/27 jQuery
详解搭建一个vue-cli的移动端H5开发模板
2020/01/17 Javascript
antd table按表格里的日期去排序操作
2020/11/17 Javascript
wxPython中文教程入门实例
2014/06/09 Python
Django1.7+python 2.78+pycharm配置mysql数据库教程
2014/11/18 Python
Python及Django框架生成二维码的方法分析
2018/01/31 Python
使用python的pandas为你的股票绘制趋势图
2019/06/26 Python
详解django实现自定义manage命令的扩展
2019/08/13 Python
Pytorch自己加载单通道图片用作数据集训练的实例
2020/01/18 Python
python入门:argparse浅析 nargs='+'作用
2020/07/12 Python
捷克体育用品购物网站:D-sport
2017/12/28 全球购物
Bose美国官网:购买Bose耳机和音箱
2019/03/10 全球购物
机电专业大学生求职信
2013/10/04 职场文书
财务专业大学生职业生涯规划范文
2013/12/30 职场文书
个人租房协议书(范本)
2014/10/14 职场文书
2014年学生会个人工作总结
2014/11/07 职场文书
建党伟业的观后感
2015/06/01 职场文书
幼儿园中班教学反思
2016/03/03 职场文书
2019年共青团工作条例最新版
2019/11/12 职场文书
tomcat下部署jenkins的方法
2022/05/06 Servers