很多网页都有类似的效果，那就是经过指定的时间能够跳转到其他页面，如果再人性化一点话，会带有倒计时效果，本章节就介绍一下如何实现此效果，代码实例如下:

<script type="text/javascript"> 
var t=10;
setInterval("refer()",1000); 
function refer(){ 
 if(t==0){ 
 location.href="http://www.gimoo.net";
 } 
 document.getElementById('show').innerHTML=""+t+"秒后跳转到积木网";
 t--;
} 
</script> 
<span id="show"></span> 

以上代码实现了我们想要的效果，能够在10秒之后跳转到指定页面，下面介绍一下实现过程。 一.实现原理: 原理非常的简单，就是利用setInterval()定时器函数，每秒执行一次refer()函数，此函数能够没执行一次将t减1，同时将当前的t的值写入div中，如果t减到0,也就是倒计时完毕，就跳转到指定页面。原理大致如此。 二.相关阅读: 1.setInterval()函数可以参阅setInterval()函数用法详解一章节。
2.location.href可以参阅Location对象的href属性一章节。
3.innerHTML属性可以参阅js的innerHTML属性的用法一章节。

下面给大家分享2个简单的跳转代码，做一下总结，各种定时跳转代码记录如下：

（1）使用setTimeout函数实现定时跳转（如下代码要写在body区域内）

<script type="text/javascript"> 
//3秒钟之后跳转到指定的页面 
setTimeout(window.location.href='http://www.gimoo.net',3); 
</script> 

（2）html代码实现，在页面的head区域块内加上如下代码

<!--5秒钟后跳转到指定的页面--> 
<meta http-equiv="refresh" content="5;url=http://www.gimoo.net" /> 

轻松实现js图片预览功能
本文实例讲述了js实现图片预览的方法，自己以前写的一个，代码比较简洁，分享给大家供大家参考。具体如下：一、效果预览效果图：二、实现代码：

基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层
很多网站，当鼠标悬浮在一个元素上的时候能够弹出一个信息说明层，并且此层能够跟随鼠标移动，同时弹出的层带有箭头，此箭头指向鼠标悬浮的元

你不知道的高性能JAVASCRIPT
本文会分享一些高效的JavaScript的最佳实践，提高大家对JS的底层和实现原理的理解。数据存储计算机学科中有一个经典问题是通过改变数据存储的位置