编程 Javascript

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程序设计有所帮助。

- Author -

风起从容

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

如何取得中文输入的真实长度？

Jun 24 Javascript

在jquery中的ajax方法怎样通过JSONP进行远程调用

Apr 04 Javascript

创建js对象和js类的方法汇总

Dec 24 Javascript

js计算任意值之间随机数的方法

Jan 16 Javascript

js本地图片预览实现代码

Oct 09 Javascript

JavaScript 深层克隆对象详解及实例

Nov 03 Javascript

JavaScript设置名字输入不合法的实现方法

May 23 Javascript

angularjs中ng-bind-html的用法总结

May 23 Javascript

详解js中Array的方法及技巧

Sep 12 Javascript

jquery.pager.js实现分页效果

Jul 29 jQuery

在vue中使用jsx语法的使用方法

Sep 30 Javascript

浅谈JavaScript中的“!!”作用

Aug 03 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