`
jickcai
  • 浏览: 246761 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

倒计时 传入 时间戳

阅读更多

//计算倒计时 ,时间戳 id 

function jisuandaojishi(id , closeTime)

{

//var closeTime = endtime - currenttime;

var displayTime;

function showTime(){

var day = Math.floor(closeTime / (60 * 60 * 24));

var hour = Math.floor(closeTime / (3600)) - (day * 24);

var minute = Math.floor(closeTime / (60)) - (day * 24 * 60) - (hour * 60);

var second = Math.floor(closeTime) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);

closeTime -= 1;

var html = day+'天'+hour+'小时'+minute+'分'+second+'秒';

jQuery('#'+id).html(html);

if(closeTime == -1)

{

clearInterval(displayTime);

document.location.href = document.location.href;

return;

}

}

showTime();

displayTime = setInterval(function(){

showTime();

}, 1000)

}

分享到:
评论

相关推荐

    前端开发+JavaScript+倒计时+封装+可执行的HTML模板+实现网页倒计时展示

    接着,函数将截止日期转为时间戳,并使用 setInterval 定时器更新倒计时的内容。为了更好的体验,倒计时内容被格式化为天、小时、分钟和秒钟,并通过 document.getElementById 更新 HTML 元素的值。当倒计时结束时,...

    jQuery实现网站倒计时

    如果要实现多个倒计时同时进行,可以将上述代码封装成一个函数,传入不同的目标日期,然后在页面上创建多个倒计时元素,分别调用这个函数。 在实际应用中,你可能还需要考虑时间区域的问题,因为不同地区的用户看到...

    小程序倒计时组件

    1. 数据传递:组件可以通过属性接收外部传入的结束时间,也可以通过事件传递当前的倒计时状态到父组件。 2. 状态管理:在多倒计时场景下,状态管理变得复杂,可能需要借助于如Redux、Vuex等状态管理库,或者微信小...

    原生js网页倒计时和计时插件

    3. **clearInterval()**:当倒计时结束或计时达到目标值时,需要停止定时器,此时可以使用`clearInterval()`函数,传入由`setInterval()`返回的ID来取消定时任务。 4. **DOM操作**:要将倒计时或计时结果显示在页面...

    JS 节日 倒计时 效果

    在本文中,我们将深入探讨如何使用JavaScript来实现节日倒计时的效果。 一、JavaScript基础 在创建节日倒计时之前,我们需要了解JavaScript的基本语法和特性。这包括变量声明(`var`, `let`, `const`),数据类型...

    简单易用的微信小程序倒计时库

    1. **配置灵活**:允许开发者通过传入各种参数来定制倒计时的行为,如开始时间、结束时间、时间格式、倒计时结束后的处理等。 2. **自动更新**:库内部会自动管理计时器,确保在倒计时过程中准确无误地更新时间,并...

    Asp.Net中实现js倒计时

    这个js倒计时功能设计成公用模块意味着它应该是可复用的,可以通过传入不同的目标时间参数在多个页面或项目中使用。为了实现这一点,你可以将JavaScript代码封装在一个函数或类中,接受目标时间作为参数,然后调用这...

    vue2.0实现倒计时的插件(时间戳 刷新 跳转 都不影响)

    1. **组件化设计**:Vue.js 提倡组件化的开发方式,这里的`<count-down>`就是一个自定义组件,它负责处理倒计时的逻辑,并可以通过props接收外部传入的参数。 2. **props 接口**: - `endTime`: 组件接受一个字符...

    jquery倒计时插件.rar

    3. 初始化插件:在页面加载完成后,通过jQuery选择器找到需要显示倒计时的元素,然后调用countdown方法,传入结束时间或毫秒数。例如: ```javascript $(document).ready(function() { var endDate = new Date(...

    jquery倒计时插件

    当用户在网页上引入jQuery库和倒计时插件后,通过调用特定的函数并传入目标时间的毫秒值,插件会自动计算当前时间与目标时间之间的差值,并以秒或分钟为单位进行倒计时显示。这个过程通常涉及以下步骤: 1. **初始...

    JavaScript倒计时程序

    我们可以通过`new Date()`创建一个新的`Date`对象,代表当前时间,或者传入特定的时间戳来创建指定时间的`Date`对象。例如: ```javascript let now = new Date(); let futureTime = new Date('2023-12-31T23:59:59...

    jquery倒计时插件可自定义多个倒计时间展示

    在这个函数中,我们可以接收用户传入的参数,比如倒计时的结束时间或格式。 2. **获取和解析参数**: 用户可能希望设定多个倒计时,所以需要处理一个数组或者对象,其中包含每个倒计时的结束时间。结束时间可以是...

    countdownjs-plugin时间倒计时组件

    倒计时组件,传入4个参数。 开始时间,结束时间,倒计中回调,结束回调。 返回一个对象,对象中有日,小时,分,秒。 传入开始时间和结束时间时间戳 npm install countdownjs-plugin 文章地址:...

    倒计时插件

    倒计时插件通常会有一个初始化方法,例如`jQuery.countdown()`,开发者可以通过调用此方法并传入参数来设置倒计时的结束时间。参数可以是日期字符串(如"2023-12-31 23:59:59")或Unix时间戳。初始化后,插件会在...

    jquery 倒计时插件 jCountr 实例

    - **end**:倒计时结束的时间,可以是Unix时间戳或者日期字符串(如'YYYY-MM-DD HH:MM:SS')。 - **format**:倒计时的显示格式,可以包含'd'天、'H'小时、'm'分钟和's'秒,自定义单位之间用空格分隔。 - **onEnd**...

    vue倒计时组件,简单方便,引入就可以使用

    vue倒计时组件,传入开始前时间戳减去当前时间戳 自动计算,简单方便,引入就可以使用

    jquery插件库-网站上线倒计时HTML5.zip

    3. 使用JavaScript调用插件,并传入必要的参数,如结束时间(通常以Unix时间戳的形式)。 4. 根据需要自定义CSS样式,调整倒计时的外观。 值得注意的是,为了确保插件的兼容性,开发者可能需要处理不同浏览器之间的...

    jQuery倒计时插件TimeTo

    3. **初始化插件**:使用jQuery的选择器选中元素,并调用`timeTo`方法,传入倒计时的结束时间(可以是Unix时间戳或者JavaScript Date对象)。 ```javascript $(document).ready(function() { $('#countdown').time...

    js实现多个倒计时并行 js拼团倒计时

    一个通用的倒计时方法`countdown(timestamp)`可以根据传入的时间戳来计算剩余时间,并将结果显示为“天时分秒”的格式。需要注意的是,由于JavaScript中日期时间的计算以毫秒为单位,所以需要用`getTime()`方法来...

    js+html5实现页面可刷新的倒计时效果.docx

    `在页面加载完成后调用`countDown`函数,传入LocalStorage中的初始时间戳。 #### 六、扩展思考 除了上述基本实现外,还可以考虑以下几点来进一步完善倒计时功能: 1. **优化用户界面**:可以通过CSS样式美化倒...

Global site tag (gtag.js) - Google Analytics