`

javascript完美倒计时5秒

    博客分类:
  • jsp
阅读更多

<p class="reg-success-p2">请牢记您的信息,页面<span class="red">  <span  id="time">5</span>s  </span>后将跳转到登录页面</p>

-------------------------------------javascript
<script type="text/javascript">
$(function(){
var i=5;
djs(i);
});
  function djs(i){
        i-=1;
        document.getElementById("time").innerText = i;
        if(i==0){
        window.location.href="/shzb/login.xhtml";
        }
        setTimeout("djs("+i+")",1000);
        //用这个也可以
        //setTimeout(djs(i),1000);
    }
</script>


分享到:
评论

相关推荐

    倒计时javascript

    倒计时javascript完美好用,优化过的,减少计算增强性能.

    html5 css3圆形进度条倒计时页面跳转代码

    对于倒计时功能,可以使用JavaScript或者HTML5的`setInterval`函数来实现。这个函数可以定时执行指定的代码块,非常适合用来更新进度条的进度。同时,我们可以结合`Date`对象计算剩余时间,并实时更新页面上的倒计时...

    html5简单圆形进度条倒计时插件

    2. JavaScript Date对象:用于处理时间,计算倒计时的剩余秒数。 3. CSS3 Transitions和Animations:可以平滑地改变进度条的外观,例如渐变填充、动画旋转等,增加视觉吸引力。 在压缩包中的文件"texiao2932_...

    CSS3全屏10秒数字倒计时特效.zip

    【标题】"CSS3全屏10秒数字倒计时特效.zip"是一个包含网页特效的压缩包,专注于使用CSS3技术实现全屏显示的10秒钟数字倒计时。这个特效适用于网页上的活动预告、限时优惠等场景,为用户提供一个直观的时间感知。CSS3...

    css3圆形进度条时分秒计时器js特效

    在网页设计中,动态时钟和计时器是常用的功能,它们可以用于显示实时时间或者倒计时等。本篇将详细介绍如何利用CSS3和JavaScript实现一款简洁、美观的圆形进度条时分秒计时器。 首先,我们需要理解CSS3的特性。CSS3...

    jQuery css3圆形倒数秒计时器代码.zip

    5. **动画效果**:CSS3的`@keyframes`规则可以创建自定义动画,比如数字的动态更新,让倒计时看起来更流畅。 计时器的逻辑部分通常由JavaScript控制,而视觉展示则通过CSS3完成。在jQuery中,我们可以使用`...

    CSS3时钟圆形立体倒计时代码.zip

    1. **圆角边框**:CSS3的`border-radius`属性用于创建圆形或椭圆形元素,使得倒计时钟呈现出完美的圆形外观。 2. **阴影效果**:`box-shadow`属性可以添加一个或多个阴影到元素上,使时钟看起来具有立体感。通过...

    5款超棒的jQuery倒计时特效.rar

    标题中的“5款超棒的jQuery倒计时特效.rar”表明这是一个包含五个不同倒计时效果的jQuery代码集合。jQuery是一种广泛使用的JavaScript库,它简化了JavaScript编程,使得创建交互式网页变得更加简单。倒计时特效在...

    jQuery网站建设中倒计时代码.rar

    本资源"jQuery网站建设中倒计时代码.rar"提供了一个实用的倒计时特效代码,它不仅可以完美运行,还支持二次修改,方便开发者根据自己的项目需求进行定制。 首先,jQuery是一个强大的JavaScript库,它简化了HTML文档...

    2020年时间倒计时代码.zip

    这个代码可能是用JavaScript的jQuery库和CSS特效来创建的,目的是在网页上展示一个吸引人的、功能完善的倒计时组件,可能用于活动预告、新年庆祝或任何需要倒计时的场景。 描述中提到,这个代码是"非常实用好看的...

    CSS3带阴影效果圆形时钟倒计时代码

    【CSS3带阴影效果圆形时钟倒计时代码】是一个利用了CSS3的强大功能来创建的具有3D立体感的网页倒计时组件。在这个特效中,时钟以圆形的形式展示,不仅显示时间,还带有动态阴影效果,使得整体视觉效果更加生动且...

    jQuery多功能网页倒计时插件.zip

    这不仅可以定制出更符合项目需求的倒计时效果,也有助于提升开发者自身的JavaScript和jQuery技能。 总的来说,这个"jQuery多功能网页倒计时插件"是网页开发中一个实用的工具,它集成了jQuery的简洁性和易用性,同时...

    jQuery+TweenMax动画翻页倒计时特效.zip

    5. **倒计时逻辑**:在页面翻转的同时,使用JavaScript进行倒计时计算。这可能涉及一个定时器(如`setInterval`),每隔一定时间更新倒计时显示。倒计时结束时,可以触发某个事件,比如显示新的页面内容。 6. **...

    黑色斜纹网站上线倒计时css模板-黑色 斜纹 上线 订阅 倒计时.rar

    "黑色斜纹网站上线倒计时css模板"就是一个专为网站发布前的倒计时阶段设计的专业工具,它以黑色为主色调,搭配斜纹元素,为即将上线的网站增添了一种神秘且专业的氛围。CSS(Cascading Style Sheets)是一种样式表...

    jQuery圆形进度条倒计时插件.zip

    《jQuery圆形进度条倒计时插件的深度解析与应用》 在当今互联网技术日新月异的时代,前端开发人员面临着提升用户体验、增强交互性的挑战。jQuery作为一个强大的JavaScript库,以其简洁的API和广泛的支持,成为了...

    跨年倒计时代码零点有烟花

    倒计时的更新频率可以是每秒、每分钟或自定义间隔。 2. **HTML代码**:HTML(超文本标记语言)是构建网页内容的基础,它定义了页面的结构和布局。在这个项目中,HTML文件可能包含一个倒计时计时器的容器,以及其他...

    H5带下雪效果的新年倒计时特效.zip

    【标题】"H5带下雪效果的新年倒计时特效.zip"是一个包含网页互动特效的资源包,主要应用于创建富有节日气氛的H5页面。这个特效结合了下雪的视觉效果与新年倒计时功能,能够为网站或应用程序增添喜庆的元素,提升用户...

    19楼倒计时的全屏广告代码.zip

    5. `js`:JavaScript文件夹,里面可能包含项目的核心脚本,尤其是与jQuery相关的代码,包括倒计时逻辑和其他交互功能。 总结来说,这个代码包提供了一个使用jQuery实现的全屏倒计时广告解决方案,包含完整的HTML...

    JS全屏雪花新年倒计时特效.zip

    【标题】"JS全屏雪花新年倒计时特效.zip"是一个包含JavaScript、CSS和可能的jQuery组件的资源包,用于创建一个吸引人的新年庆祝场景。这个特效代码可以在网页上实现全屏飘落的雪花效果,并结合倒计时功能,为即将...

    HTML5多款圆形进度条倒计时插件.zip

    在这款名为"HTML5多款圆形进度条倒计时插件"的资源包中,我们可以深入探讨几个关键的技术知识点,这些知识点涵盖了前端开发的多个方面,包括CSS、JavaScript、jQuery以及HTML5本身。 首先,我们来关注HTML5。HTML5...

Global site tag (gtag.js) - Google Analytics