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 相关文章推荐
父窗口获取弹出子窗口文本框的值
Jun 27 Javascript
javascript 面向对象编程 聊聊对象的事
Sep 17 Javascript
jquery内置验证(validate)使用方法示例(表单验证)
Dec 04 Javascript
浅析javascript操作 cookie对象
Dec 26 Javascript
AngularJS基础学习笔记之指令
May 10 Javascript
JavaScript数组方法总结分析
May 06 Javascript
AngularJS在IE下取数据总是缓存问题的解决方法
Aug 05 Javascript
在JS中如何把毫秒转换成规定的日期时间格式实例
May 11 Javascript
Javascript获取某个月的天数
May 30 Javascript
vue实现重置表单信息为空的方法
Sep 29 Javascript
vue动态子组件的两种实现方式
Sep 01 Javascript
在vue中阻止浏览器后退的实例
Nov 06 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
PHP中对数据库操作的封装
2006/10/09 PHP
php日历[测试通过]
2008/03/27 PHP
php win下Socket方式发邮件类
2009/08/21 PHP
php中设置index.php文件为只读的方法
2013/02/06 PHP
Laravel 自定命令以及生成文件的例子
2019/10/23 PHP
jQuery实现div浮动层跟随页面滚动效果
2014/02/11 Javascript
javascript操纵OGNL标签示例代码
2014/06/16 Javascript
js获取input长度并根据页面宽度设置其大小及居中对齐
2014/08/22 Javascript
AngularJS的内置过滤器详解
2015/05/14 Javascript
深入理解Java线程编程中的阻塞队列容器
2015/12/07 Javascript
原生js和jQuery实现淡入淡出轮播效果
2015/12/25 Javascript
javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
2016/07/25 Javascript
React实现双向绑定示例代码
2016/09/19 Javascript
js实现点击每个li节点,都弹出其文本值及修改
2016/12/15 Javascript
漂亮实用的页面loading(加载)封装代码
2017/02/03 Javascript
vuejs使用axios异步访问时用get和post的实例讲解
2018/08/09 Javascript
vue项目中在可编辑div光标位置插入内容的实现代码
2020/01/07 Javascript
python可视化爬虫界面之天气查询
2019/07/03 Python
python实现批量文件重命名
2019/10/31 Python
使用python和pygame制作挡板弹球游戏
2019/12/03 Python
tensorflow 实现打印pb模型的所有节点
2020/01/23 Python
tensorflow 实现自定义梯度反向传播代码
2020/02/10 Python
python求前n个阶乘的和实例
2020/04/02 Python
关于Python不换行输出和不换行输出end=““不显示的问题(亲测已解决)
2020/10/27 Python
如何用border-image实现文字气泡边框的示例代码
2020/01/21 HTML / CSS
纽约香氛品牌:NEST Fragrance
2018/10/15 全球购物
土木工程建筑专业毕业生求职信
2013/10/21 职场文书
护士自我鉴定怎么写
2014/02/07 职场文书
实验教师岗位职责
2014/02/13 职场文书
个人求职自荐信范文
2014/06/20 职场文书
班级体育活动总结
2014/07/05 职场文书
超市七夕促销活动方案
2014/08/28 职场文书
婚前保证书范文
2015/02/28 职场文书
pytorch中[..., 0]的用法说明
2021/05/20 Python
Java框架入门之简单介绍SpringBoot框架
2021/06/18 Java/Android