jQuery实现倒计时跳转的例子_实用技巧

实现代码:

复制代码 代码如下:

<html>
  <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <title>跳转页面</title> 
    <script src="jquery.js"></script>
    <script language="javascript"><!--

        $(document).ready(function() {
            function jump(count) {
                window.setTimeout(function(){
                    count--;
                    if(count > 0) {
                        $('#num').attr('innerHTML', count);
                        jump(count);
                    } else {
                        location.href="http://jb51.net";
                    }
                }, 1000);
            }
            jump(3);
        });

// --></script>
  </head>    
  <body>  
    <span style="color:red">欢迎来到jb51.net!</span><br/>jb51.net页面将在3秒后跳转...<br/>还剩<span id="num">3</span>秒
  </body>
</html>

可以复制代码并保存到文件中,直接用浏览打开测试效果,注意引入jquery.js文件。

时间: 2024-08-04 04:51:16

jQuery实现倒计时跳转的例子_实用技巧的相关文章

asp.net实现三层架构的例子_实用技巧

看了2天的三层架构,其实自己以前也看过这个,可以由于没有使用过,所以对于三层架构也只是知道罢了,昨天看了一下他一些内部的具体架构,三层分别是BLL.WEB.DAL,在web接受用户请求,bll处理业务,dal处理数据库事务,下面是一个简单的例子!这是一个添加新员工的页面: 后台代码如下: usingSystem.Collections; usingSystem.Web; usingSystem.Web.Security; usingSystem.Web.UI; usingSystem.Web.U

三种asp.net页面跳转的方法_实用技巧

第一种方法:response.redirect这个跳转页面的方法跳转的速度不快,因为它要走2个来回(2次postback),但它可以跳转到任何页面,没有站点页面限制(即可以由雅虎跳到新浪),同时不能跳过登录保护.但速度慢是其最大缺陷!redirect跳转机制:首先是发送一个http请求到客户端,通知需要跳转到新页面,然后客户端在发送跳转请求到服务器端.需要注意的是跳转后内部空间保存的所有数据信息将会丢失,所以需要用到session.代码如下  using System; using System

ASP.NET中实现jQuery Validation-Engine的Ajax验证实现代码_实用技巧

见下图: 验证的例子:http://www.position-relative.net/creation/formValidator/ 官方地址: http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/ 这个插件支持大部分的浏览器,但由于有使用到了css3的阴影和圆角样式,所以在IE浏览器下无法看到圆角和阴影效果(IE 9 支持圆角效果). 本文主要内容是

ASP.NET开发者使用jQuery应该了解的几件事情_实用技巧

下面这几点希望能够帮你加快你的学习. 1.把selectors当作asp.net中的sets.    在asp.net的世界,通过一个查询找到一系列控件是非常少见的.相反我们比较习惯于通过一个唯一的ID来找到一个控件.当然,在jQuery中这个也是没有问题的,但是jQuery的选择功能相对更加神奇.    使用jQuery的selectors能够很容易定位到一个set的元素,相对来说比在asp.net中使用迭代的规则来找到一个set的元素更加清晰和易于表达. 2.使用CSS类来代替styling

asp.net 编辑gridview的小例子_实用技巧

编辑gridview例子,完整代码如下. 复制代码 代码如下: protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e)     {         GridView1.EditIndex = e.NewEditIndex;         BingGrid();     }     protected void GridView1_RowCancelingEdit(object sender, Gri

asp.net在iframe中弹出信息并执行跳转问题探讨_实用技巧

复制代码 代码如下: /// <summary> /// iframe 中,弹出信息并跳转 /// </summary> /// <param name="msg"></param> /// <param name="targetPageName"></param> public static void ResponseShowMsg(string msg, string targetPageN

asp.net jQuery Ajax用户登录功能的实现_实用技巧

主页面调用代码片段: 复制代码 代码如下: <asp:HyperLink ID="lnkLogin" runat="server" NavigateUrl="#" >登录</asp:HyperLink> <script language="javascript" type="text/javascript"> $('#<%=this.lnkLogin.ClientI

ASP.NET配合jQuery解决跨域调用的问题_实用技巧

一. 使用JSONp方式调用 不做详细讲解,可以参考jq文档<jQuery 1.10.3 在线手册> 二. 服务端配置 修改Web.config 文件 <system.webServer> <modules runAllManagedModulesForAllRequests="true"></modules> <httpProtocol> <customHeaders> <add name="Ac

ASP.Net中命名空间Namespace浅析和使用例子_实用技巧

关于Namespace(命名空间)的使用,我常用 复制代码 代码如下: < % @ Import Namespace="System.Data" %> ,这是在引用为我们提供的Namespace,这和ASP不同的,我们在ASP.net必须先引用与我们操作有关的Namespace后才能使用相应的功能.其实说白了,一个Namespace; 就是一个组件. 这个是关于ASP.net的高级应用. 我下面简单的列举一些常用的Namespace 复制代码 代码如下: < % @