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 相关文章推荐
DOM 脚本编程中的兄弟节点
Oct 31 Javascript
jquerymobile checkbox及时刷新才能获取其准确值
Apr 14 Javascript
jquery 表格的增行删行实现思路
Mar 21 Javascript
javascript中hasOwnProperty() 方法使用指南
Mar 09 Javascript
jQuery Dialog 取消右上角删除按钮事件
Sep 07 Javascript
Vue.js实现简单动态数据处理
Feb 13 Javascript
bootstrap timepicker在angular中取值并转化为时间戳
Jun 13 Javascript
Angular入口组件(entry component)与声明式组件的区别详解
Apr 09 Javascript
JS实现的全选、全不选及反选功能【案例】
Feb 19 Javascript
vue组件之间的数据传递方法详解
Apr 19 Javascript
Vue+Bootstrap收藏(点赞)功能逻辑与具体实现
Oct 22 Javascript
vue项目配置同一局域网可使用ip访问的操作
Oct 23 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后退一页表单内容保存实现方法
2012/06/17 PHP
详解PHP实现异步调用的4种方法
2016/03/14 PHP
PHP基于mcript扩展实现对称加密功能示例
2019/02/21 PHP
幻宇的层模拟窗口效果-提供演示和下载
2007/01/20 Javascript
(function(){})()的用法与优点
2007/03/11 Javascript
一些主流JS框架中DOMReady事件的实现小结
2011/02/12 Javascript
Javascript简单实现可拖动的div
2013/10/22 Javascript
JQuery实现样式设置、追加、移除与切换的方法
2015/06/11 Javascript
jQuery简单实现上下,左右滑动的方法
2016/06/01 Javascript
vue2.0父子组件及非父子组件之间的通信方法
2017/01/21 Javascript
Angular2下使用pdf插件的方法详解
2017/04/29 Javascript
vue组件学习教程
2017/09/09 Javascript
vue实现tab切换外加样式切换方法
2018/03/16 Javascript
JQuery扩展对象方法操作示例
2018/08/21 jQuery
Angular2使用SVG自定义图表(条形图、折线图)组件示例
2019/05/10 Javascript
在layui中使用form表单监听ajax异步验证注册的实例
2019/09/03 Javascript
微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)
2020/06/11 Javascript
vue element和nuxt的使用技巧分享
2021/01/14 Vue.js
Python 数据结构之旋转链表
2017/02/25 Python
Python中Proxypool库的安装与配置
2018/10/19 Python
Python+OpenCV感兴趣区域ROI提取方法
2019/01/10 Python
python实现梯度法 python最速下降法
2020/03/24 Python
python中pandas库中DataFrame对行和列的操作使用方法示例
2020/06/14 Python
python中pickle模块浅析
2020/12/29 Python
出门问问全球官方商城:Tichome音箱和TicWatch智能手表
2017/12/02 全球购物
MAC彩妆英国官网:M·A·C UK
2018/05/30 全球购物
惠普香港官方商店:HP香港
2019/04/30 全球购物
一个大学生十年的职业规划
2014/01/17 职场文书
城管综合整治方案
2014/05/01 职场文书
先进个人材料怎么写
2014/12/30 职场文书
行政答辩状范文
2015/05/21 职场文书
大学生党课心得体会
2016/01/07 职场文书
MySQL表的增删改查基础教程
2021/04/07 MySQL
Python使用海龟绘图实现贪吃蛇游戏
2021/06/18 Python
解决mysql问题:由于找不到MSVCR120.dll,无法继续执行代码
2021/06/26 MySQL
基于Python实现股票收益率分析
2022/04/02 Python