`
465272694
  • 浏览: 52342 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

简单倒计时

阅读更多
/**
 * $.myCountdown
 * @extends jquery-1.6.1.min.js
 * @fileOverview 倒计时
 * @author xws
 * @version 0.1
 * @date 2012-04-12
 * @example
 *
 */
(function($){
    $.fn.myCountdown= function(entTime,type,systemTime){
        var showCoutdown = $(this);
        var sh;
        var endtimeStr = entTime.replace(/-/g,"/");
        var endTime=new Date(endtimeStr);
        var nowtime = new Date(systemTime);
        var leftsecond=parseInt((endTime.getTime()-nowtime.getTime())/1000);
        sh=setInterval(function(){
            fresh(entTime,sh,showCoutdown,type,leftsecond);
            leftsecond -= 1;
        },1000);
    };
    function fresh(endDate,sh,showCoutdown,type,leftsecond){
        var d = parseInt(leftsecond/3600/24);
        var h = parseInt((leftsecond/3600)%24);
        var m = parseInt((leftsecond/60)%60);
        var s = parseInt(leftsecond%60);
        switch (type){
            case "li" :
                showCoutdown.html("<ul><li class='fist'>还剩</li><li>"+d+"天</li><li>"+h+"时</li><li>"+m+"分</li><li>"+s+"秒</li>");
                break;
            case "span":
                showCoutdown.html("<span>剩余</span><b>" + d + "</b> 天<b>" + h + "</b> 时<b>" + m + "</b> 分 <b>" + s + "</b> 秒");
                break;
            default:
                showCoutdown.html("剩余时间:<br /><b>"+d+"</b> 天<b>"+h+"</b> 时<b>"+m+"</b> 分 <b>"+s+"</b> 秒");
                break;
        }
        if(leftsecond <= 0){
            showCoutdown.html("<b>时间已结束</b>");
            clearInterval(sh);
        }
    }
})(jQuery);

此js依赖jquery-1.6.1.min.js

使用方法:

endTime为结束时间 格式为:yyyy-MM-dd HH:mm:ss

systemTime为系统时间 格式为:yyyy-MM-dd HH:mm:ss

type 为倒计时类型

$("#countdownTime").imallCountdown(endTime,type,systemTime);

 

分享到:
评论

相关推荐

    c++简易倒计时

    基于c++的倒计时插件,时间为17:15,小插件,自己做着玩的

    使用vb实现简单倒计时

    在VB(Visual Basic)编程环境中,我们可以创建一个简单的倒计时程序来实现特定时间的提醒功能,例如在演讲场合帮助演讲者控制时间。这个“使用vb实现简单倒计时”的项目,虽然描述中提到功能尚未完善,但我们可以从...

    超简单倒计时VB代码

    本篇将详细介绍如何利用VB编写一个简单的倒计时程序,并探讨相关的核心知识点。 首先,我们需要了解VB中的基本编程结构。VB是一种基于事件驱动的编程语言,它允许通过事件来触发程序的行为。例如,当用户点击一个...

    简易倒计时器

    【简易倒计时器】是一款简洁实用的倒计时应用,专为那些需要精确时间管理的人设计。这款软件不仅提供基本的倒计时功能,还有独特的个性化设置,允许用户自定义闹钟声音,将自己喜欢的MP3音乐文件作为提醒铃声,让...

    android简易倒计时器

    这个“android简易倒计时器”应该是一个简单的实现,适合初学者理解并应用到自己的项目中。在本文中,我们将深入探讨Android倒计时器的工作原理、如何创建以及如何在实际应用中使用。 首先,让我们了解一下Android...

    简易倒计时插件

    【简易倒计时插件】是一种实用的网页组件,它主要应用于网站或应用程序中,用于显示特定日期或时间点之前的剩余时间。这个插件通常基于JavaScript编程语言编写,因为JavaScript在网页动态效果和实时更新方面具有强大...

    最简单倒计时

    【标题】"最简单倒计时"所涉及的知识点主要集中在网页开发中的时间日期处理以及动态效果实现。在网页设计中,倒计时通常用于活动预告、考试倒计时等场景,提供一种直观的方式来提醒用户某个重要事件即将发生。下面...

    简易倒计时

    "简易倒计时"是一款基于倒计时功能的小型应用,设计简洁,操作方便。它提供了三种预设的倒计时选项:1分钟、5分钟和10分钟,用户可以根据需求快速选择。此外,该应用还支持自定义倒计时时间,用户可以在0到99分钟的...

    1分钟简单倒计时

    1分钟简单倒计时.希望能帮助大家

    js实现简易倒计时

    js 倒计时!

    Android简单倒计时(一)

    本篇文章将详细讲解如何使用`Timer`和`TimerTask`在Android中实现一个简单的倒计时功能。这个教程以易懂的方式介绍这一过程,适合初学者学习。 首先,我们需要了解`Timer`和`TimerTask`这两个类。`java.util.Timer`...

    VB简易计算器和倒计时器

    接着是简易倒计时器。倒计时器通常使用Timer控件来实现,这个控件每隔一定时间间隔(如1秒)触发Tick事件。在Tick事件处理程序中,开发者会更新一个变量以表示剩余时间,并在Label上显示。用户可以通过设置一个初始...

    简单明朗的倒计时单页css模板下载_简单倒计时.rar

    这个压缩包文件“简单明朗的倒计时单页css模板下载_简单倒计时.rar”包含了一套完整的HTML倒计时页面的资源。这个模板基于HTML、CSS和JavaScript技术,适用于创建简洁、清晰的倒计时页面,比如用于网站上线预告、...

    简单明朗的倒计时单页css模板下载_简单 倒计时.zip

    这个“简单明朗的倒计时单页css模板下载_简单 倒计时.zip”资源提供了创建一个简洁、易于理解的倒计时页面的模板,适合初学者和开发者快速构建相关功能。 首先,CSS模板是一种预先设计好的样式布局,它包含了各种...

    自制c++控制台简易倒计时.exe

    自制c++控制台简易倒计时.exe

    jquery简单倒计时

    本主题将深入探讨如何使用jQuery实现一个简单的倒计时功能,这在许多应用场景中都非常有用,如活动预告、考试倒计时或定时任务等。 首先,我们需要了解倒计时的基本原理。倒计时通常是基于当前时间与设定结束时间的...

    倒计时软件.exe

    倒计时软件,可以用来放在ppt上面控制时间,倒计时器是一款小巧免费的倒计时软件。倒计时器适用于学校学生比赛或者参加竞赛等活动,还可以在企业中使用倒计时等,大小可以随心所欲的改变,全屏、只显示数字和自定义...

    简单明朗的倒计时单页css模板下载-简单 倒计时.rar

    这个压缩包文件“简单明朗的倒计时单页css模板下载-简单 倒计时.rar”提供了一个基于CSS的倒计时单页模板,适用于那些需要在网站上展示时间剩余情况的应用场景,如活动预告、产品上线倒计时等。下面我们将详细探讨...

Global site tag (gtag.js) - Google Analytics