精华内容
下载资源
问答
  • jquery.countdown倒计时插件下载_翻牌倒计时器特效 jquery.countdown倒计时插件下载_翻牌倒计时器特效 jquery.countdown倒计时插件下载_翻牌倒计时器特效
  • 倒计时插件

    2017-06-13 01:00:56
    倒计时插件
  • 插件描述:jQuery倒计时插件leftTime.js,可用于商品活动列表的倒计时,解决商品的倒计时都不一样,简单实用结构一样的倒计时多个同时倒计时日期的实现使用方法引用js部分:body下创建实例部分:$(function(){//日期倒...

    08bdc37336545e2a255d597ba87389b2.png

    3efc3516b7ecb765a1f067c294640f12.png

    插件描述:jQuery倒计时插件leftTime.js,可用于商品活动列表的倒计时,解决商品的倒计时都不一样,简单实用

    结构一样的倒计时多个同时倒计时日期的实现

    使用方法

    引用js部分:

    body下创建实例部分:$(function() {

    //日期倒计时,现在距离下面的日期

    var data_show = $('.data-box');

    for (var i = 1; i <= data_show.length; i++) {

    function_name($("#dateshow" + i).data("date"), "#dateshow" + i);

    }

    function function_name(time, obj) {

    $.lefttime(time, function(d) {

    if (d.status) {

    var $dateshow1 = $(obj);

    $dateshow1.find(".d").html(d.d);

    $dateshow1.find(".h").html(d.h);

    $dateshow1.find(".m").html(d.m);

    $dateshow1.find(".s").html(d.s);

    }

    });

    }

    });

    展开全文
  • jquery倒计时插件多个倒计时同时计时代码 jquery倒计时插件多个倒计时同时计时代码
  • jquery.countdown.js网页倒计时插件制作倒计时 jquery.countdown.js网页倒计时插件制作倒计时 jquery.countdown.js网页倒计时插件制作倒计时
  • jQuery倒计时插件6种不同倒计时效果代码 jQuery倒计时插件6种不同倒计时效果代码
  • 插件描述:jquery.jcountdown.js倒计时插件可以自定义倒计时样式代码,倒计时插件可以自定义白色,图片等・・・使用方法1、需要引入的文件:2、在需要插入倒计时的位置添加以下代码:3、显示倒计时需要的js代码:$...

    985e0be5bfcca2d60b01456d920fdf60.png

    e8ba93fc9d4f649ae1d3cacff2874f8a.png

    插件描述:jquery.jcountdown.js倒计时插件可以自定义倒计时样式代码,倒计时插件可以自定义白色,图片等・・・

    使用方法

    1、需要引入的文件:

    2、在需要插入倒计时的位置添加以下代码:

    3、显示倒计时需要的js代码:$(function() {

    config = {

    timeText:  '2018/7/25 00:00:00', //倒计时时间,格式:年/月/日 时:分:秒

    timeZone:'8' , //时区,GMT号码

    style: "flip", //显示的样式,可选值有flip,slide,metal,crystal(翻动、滑动、金属、水晶)

    color: "white", //显示的颜色,可选值white,black(黑色、白色)

    width: 0, //倒计时宽度,无限制,默认为0

    textGroupSpace: 15, //天、时、分、秒之间间距

    textSpace: 0, //数字之间间距

    reflection: !0, //是否显示倒影

    reflectionOpacity: 10, //倒影透明度

    reflectionBlur: 0, //倒影模糊程度

    dayTextNumber: 3, //倒计时天数数字个数

    displayDay: !0, //是否显示天数

    displayHour: !0, //是否显示小时数

    displayMinute: !0, //是否显示分钟数

    displaySecond: !0, //是否显示秒数

    displayLabel: !0, //是否显示倒计时底部label

    onFinish: function() {}//完成事件,您可以在时间结束时执行一些脚本,在创建倒计时时只需传递一个函数即可。

    };

    $(".countdown").jCountdown(config);

    });

    展开全文
  • jquery倒计时插件

    2018-05-28 16:33:55
    jquery倒计时插件 jquery倒计时插件 jquery倒计时插件
  • PPT倒计时插件

    2019-02-22 15:17:35
    PPT倒计时插件..
  • JQ倒计时插件

    2017-11-20 16:36:29
    商城等购物秒杀倒计时插件,JQ插件倒计时。。。。。。
  • jquery倒计时插件分享,大家参考使用吧
  • jQuery倒计时插件

    2016-04-06 17:16:43
    jQuery倒计时插件,多种款式
  • javascript倒计时插件

    2016-06-07 23:37:14
    javascript倒计时插件
  • jQuery自适应倒计时插件,基于jquery.lwtCountdown.js插件实现的倒计时特效。
  • 倒计时功能的简单演示,非常实用,通俗易懂,值得看看
  • jCountdown倒计时插件jQuery里面包含8种不同效果的倒计时数字时钟特效。
  • 彩色的flash节日倒计时插件可自定义节日和日期的倒计时器 彩色的flash节日倒计时插件可自定义节日和日期的倒计时器 彩色的flash节日倒计时插件可自定义节日和日期的倒计时器
  • JS倒计时插件

    2019-08-12 04:53:34
    倒计时插件。该插件基于jquery开发
  • JQuery倒计时插件

    2018-04-17 11:30:54
    JQuery倒计时插件,效果请看http://www.jq22.com/jquery-info3132
  • 60S倒计时插件

    2019-02-20 10:36:26
    这只是一个简单的60S倒计时插件,可随意添加到你的项目里面。可以做到零衔接,完美展示所需要的美化效果!
  • zencart倒计时插件

    2014-02-20 13:49:23
    一款适合zencart的倒计时插件,安装方法内详
  • vue 倒计时插件 真棒倒计时 (vue-awesome-countdown) Countdown plug-in with high performance and high accuracy for Vue2.5.0+. 适用于Vue2.5.0 +的高性能和高精度倒计时插件。 View Demo 查看演示 Download ...

    vue 倒计时插件

    真棒倒计时 (vue-awesome-countdown)

    Countdown plug-in with high performance and high accuracy for Vue2.5.0+.

    适用于Vue2.5.0 +的高性能和高精度倒计时插件。

    安装 (Installation)

    Install

    安装

    $ npm install vue-awesome-countdown --save
    # or
    $ yarn add vue-awesome-countdown

    ...and import and use the plugin like so:

    ...然后像这样导入和使用插件:

    import vueAwesomeCountdown from 'vue-awesome-countdown'
    
    Vue.use(vueAwesomeCountdown, 'vac') // Component name, `countdown` and `vac` by default

    用法 (Usage)

    <countdown :end-time="new Date().getTime() + 60000">
      <span
        slot="process"
        slot-scope="anyYouWantedScopName">{{ `Lefttime: ${anyYouWantedScopName.timeObj.ceil.s}` }}</span>
      <span slot="finish">Done!</span>
    </countdown>
    <vac :end-time="new Date().getTime() + 60000">
      <span
        slot="process"
        slot-scope="{ timeObj }">{{ `Lefttime: ${timeObj.m}:${timeObj.s}` }}</span>
      <span slot="finish">Done!</span>
    </vac>

    SSR(Nuxt) (SSR (Nuxt))

    <no-ssr>
      <vac :end-time="new Date().getTime() + 60000">
        <span
          slot="process"
          slot-scope="{ timeObj }">{{ `Lefttime: ${timeObj.m}:${timeObj.s}` }}</span>
        <span slot="finish">Done!</span>
      </vac>
    </no-ssr>

    道具 (Props)

    Prop Required Explain Type Default
    startTime false Time stamp of countdown start [String, Number, Date] null
    endTime when leftTime undefined Time stamp of countdown end [String, Number, Date] null
    leftTime when endTime undefined Remaining milliseconds of countdown end Number 0
    autoStart false Start countdown automatically Boolean true
    speed false Unit: millisecond Number 1000
    tag false The wrap tag name String span
    Struts 需要 说明 类型 默认
    开始时间 false 倒计时开始的时间戳 [String, Number, Date] null
    时间结束 leftTime未定义时 倒数计时结束时间戳 [String, Number, Date] null
    leftTime endTime未定义时 倒数计时结束剩余的毫秒数 Number 0
    自动启动 false 自动开始倒数 Boolean true
    速度 false 单位:毫秒 Number 1000
    标签 false 包装标签名称 String span

    数据 (Data)

    The data can get it through slot-scop or methods.

    数据可以通过slot-scopmethods

    Data Explain Default
    state The countdown run state, the states are beforeStart, stoped, process and finised beforeStart
    attrs The countdown component tag attributes {}
    actualEndTime Actual countdown end time null
    timeObj Look look {}
    countdownTimer The countdown timer function, Do not use as much as possible. null
    actualStartTime Actual countdown start time. null
    runTimes Countdown run times (The onProcess methods run times) 0
    usedTime The total time consuming from the countdown to the end. 0
    数据 说明 默认
    倒计时运转状态时,状态是beforeStartstopedprocessfinised beforeStart
    属性 倒计时组件标签属性 {}
    实际结束时间 实际倒数结束时间 null
    timeObj 看看 {}
    倒计时器 倒数计时器功能,请勿使用过多。 null
    实际开始时间 实际倒数开始时间。 null
    运行时间 倒计时运行时间( onProcess方法的运行时间) 0
    usedTime 从倒数计时到结束的总时间。 0

    timeObj (timeObj)

    {
        "endTime": 1542634411361,
        "speed": 1000,
        "leftTime": 97019,
        "d": "0",
        "h": "00",
        "m": "01",
        "s": "37",
        "ms": "019",
        "org": {
            "d": 0.001134247685185185,
            "h": 0.02722194444444444,
            "m": 1.6333166666666665,
            "s": 37.998999999999995,
            "ms": 19
        },
        "ceil": {
            "d": 1,
            "h": 1,
            "m": 2,
            "s": 98
        }
    }

    插槽 (Slots)

    Slot process and slot finish will not display at the same time.

    插槽process和插槽finish不会同时显示。

    name slot-scop Position Display condition
    prev component _self 1 Defined, Controllable display
    before component _self 2 On before start, state === 'beforeStart'
    process component _self 2 On process, state === 'process'
    finish component _self 3 On finish, state === 'finished'
    default component _self 3 Defined, Controllable display
    名称 插槽范围 位置 显示条件
    上一个 组件_self 1个 定义的,可控制的显示
    之前 组件_self 2 在启动之前, state === 'beforeStart'
    处理 组件_self 2 处理中, state === 'process'
    组件_self 3 完成后, state === 'finished'
    默认 组件_self 3 定义的,可控制的显示

    方法 (Methods)

    The methods can be accesse through slot-scop or $refs.

    可以通过slot-scop$refs这些方法。

    Method Explain Parameters
    startCountdown restart
    stopCountdown no
    switchCountdown no
    finishCountdown no
    doCountdown no
    方法 说明 参量
    startCountdown restart
    stopCountdown 没有
    switchCountdown 没有
    finishCountdown 没有
    doCountdown 没有

    事件 (Event)

    Event Explain Parameters
    onStart Functions executed at the beginning of countdown vm
    onProcess Function executed when countdown is performed vm
    onStop Function executed when countdown stops vm
    onFinish Function executed when countdown finished vm
    事件 说明 参量
    onStart 在倒数开始时执行的功能 vm
    处理中 执行倒数计时时执行的功能 vm
    onStop 倒数停止时执行的功能 vm
    onFinish 倒数完成后执行的功能 vm

    翻译自: https://vuejsexamples.com/countdown-plug-in-with-high-performance-and-high-accuracy-for-vue/

    vue 倒计时插件

    展开全文
  • js倒计时插件可以自定义倒计,可自定义白色,图片等。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 7,056
精华内容 2,822
关键字:

倒计时插件下载