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 相关文章推荐
js 事件截取enter按键页面提交事件示例代码
Mar 04 Javascript
JQuery异步获取返回值中文乱码的解决方法
Jan 29 Javascript
javascript实现10个球随机运动、碰撞实例详解
Jul 08 Javascript
JavaScript面试开发常用的知识点总结
Aug 08 Javascript
ionic2 tabs使用 Modal底部tab弹出框
Dec 30 Javascript
使用jQuery实现动态添加小广告
Jul 11 jQuery
es6系列教程_ Map详解以及常用api介绍
Sep 25 Javascript
vue项目tween方法实现返回顶部的示例代码
Mar 02 Javascript
JS实现判断有效的数独算法示例
Feb 25 Javascript
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
Dec 02 Javascript
js实现碰撞检测
Jan 29 Javascript
jQuery是用来干什么的 jquery其实就是一个js框架
Feb 04 jQuery
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开发框架总结收藏
2008/04/24 PHP
PHP日期时间函数的高级应用技巧
2009/05/16 PHP
PHP制作登录异常ip检测功能的实例代码
2016/11/16 PHP
Laravel Intervention/image图片处理扩展包的安装、使用与可能遇到的坑详解
2017/11/14 PHP
laravel-admin 中列表筛选方法
2019/10/03 PHP
ThinkPhP+Apache+PHPstorm整合框架流程图解
2020/11/23 PHP
js字符串的各种格式的转换 ToString,Format
2011/08/08 Javascript
在js(jquery)中获得文本框焦点和失去焦点的方法
2012/12/04 Javascript
jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
2013/05/27 Javascript
jQuery点击弹出下拉菜单的小例子
2013/08/01 Javascript
javascript数组遍历for与for in区别详解
2014/12/04 Javascript
jQuery简单入门示例之用户校验demo示例
2016/07/09 Javascript
微信小程序 Windows2008 R2服务器配置TLS1.2方法
2016/12/05 Javascript
jquery在vue脚手架中的使用方式示例
2017/08/29 jQuery
React Native基础入门之调试React Native应用的一小步
2018/07/02 Javascript
使vue实现jQuery调用的两种方法
2019/05/12 jQuery
JS控制GIF图片的停止与显示
2019/10/24 Javascript
JavaScript实现简单随机点名器
2019/11/21 Javascript
微信小程序自定义弹出层效果
2020/05/26 Javascript
用pandas按列合并两个文件的实例
2018/04/12 Python
python使用参数对嵌套字典进行取值的方法
2019/04/26 Python
对python中不同模块(函数、类、变量)的调用详解
2019/07/16 Python
python实现处理mysql结果输出方式
2020/04/09 Python
jupyter lab的目录调整及设置默认浏览器为chrome的方法
2020/04/10 Python
CSS3中引入多种自定义字体font-face
2020/06/12 HTML / CSS
HTML5实现桌面通知 提示功能
2017/10/11 HTML / CSS
美国波道夫·古德曼百货官网:Bergdorf Goodman
2017/11/07 全球购物
纽约和芝加哥当天送花:Ode à la Rose
2019/07/05 全球购物
亚洲航空公司官方网站:AirAsia
2019/11/25 全球购物
小班下学期个人总结
2015/02/12 职场文书
师德承诺书2015
2015/04/28 职场文书
刑事上诉状(量刑过重)
2015/05/23 职场文书
在校学生证明格式
2015/06/24 职场文书
六一亲子活动感想
2015/08/07 职场文书
《初涉尘世》读后感3篇
2020/01/10 职场文书
浅析python中特殊文件和特殊函数
2022/02/24 Python