jQuery实现倒计时跳转的例子
- 3477
- jQuery
- 9
- super_dodo
- 2015/05/11
对于一些网站数据变动频繁,有些页面就可能经常出现404页面。很多ui设计师都专门设计了404页面的界面。但是作为程序员,这还是不够的。为了让用户更多的留在你的网站。你还应该制作一个几秒钟跳转到你的首页或者指定页面的功能。这样用户不用操作的情况下也可以浏览更多的内容。直接上代码.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery实现倒计时跳转的例子</title> <script src="/js/jquery.js"></script> </head> <body> <h3 style="color:red">欢迎来到DodoBook.net!</h3> <h3>页面将在3秒后跳转...还剩<span id="num">3</span>秒</h3> <script language="javascript"> $(document).ready(function() { //当页面加载的时候 //跳转的方法 function jump(count) { window.setTimeout(function(){ count--; if(count > 0) { $('#num').html(count); jump(count); } else { location.href="http://www.dodobook.net"; } }, 1000); } jump(3); //3秒后跳转 }); </script> </body> </html>
慎言其余,则寡尤;多见阙殆,慎行其余,则寡悔。言寡尤,行寡悔。
相关阅读
- 通过Google API客户端访问Google Play帐户报告PHP库
- PHP执行文件的压缩和解压缩方法
- 消息中间件MQ与RabbitMQ面试题
- 如何搭建一个拖垮公司的技术架构?
- Yii2中ElasticSearch的使用示例
热门文章
- 通过Google API客户端访问Google Play帐户报告PHP库
- PHP执行文件的压缩和解压缩方法
- 消息中间件MQ与RabbitMQ面试题
- 如何搭建一个拖垮公司的技术架构?
- Yii2中ElasticSearch的使用示例
最新文章
- 通过Google API客户端访问Google Play帐户报告PHP库
- PHP执行文件的压缩和解压缩方法
- 消息中间件MQ与RabbitMQ面试题
- 如何搭建一个拖垮公司的技术架构?
- Yii2中ElasticSearch的使用示例