/*
单个控件对应的时间倒计时
时间倒计时JS,具体控件使用写法,主要是两个控件id要注意。
hidTimeId:需要计算的时间控件的id。由于是用value取得数据的,需要控件能有value可取(text最好)。不然也可以修改取值方式。
showTimeId:返回的时间展示的控件id。由于是用innerHTML展示数据的,需要控件能有innerHTML可取(span最好)。不然也可以修改取值方式。
*/
function GetServerTime(hidTimeId, showTimeId) {
var now = new Date();
var utime = document.getElementById(hidTimeId).value;
if (utime == "")
return "无";
var urodz = new Date(utime);
var daysRound = Math.floor((urodz - now) / 1000 / 60 / 60 / 24);
var hoursRound = Math.floor((urodz - now) / 1000 / 60 / 60 - (24 * daysRound));
var minutesRound = Math.floor((urodz - now) / 1000 / 60 - (24 * 60 * daysRound) - (60 * hoursRound));
var secondsRound = Math.floor((urodz - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound));
var time = daysRound + "天" + hoursRound + "小时" + minutesRound + "分" + secondsRound + "秒";
if (daysRound < 0 || hoursRound < 0 || minutesRound < 0 || secondsRound < 0)
time = "活动已经结束!";
document.getElementById(showTimeId).innerHTML = time;
setTimeout("GetServerTime(\"" + hidTimeId + "\",\"" + showTimeId + "\")", 1000);
}
/*
多个时间对应的倒计时
时间倒计时JS,具体控件使用写法,主要是两个控件name属性要注意。
hidTimeName:需要计算的时间控件的name。由于是用value取得数据的,需要控件能有value可取(text最好)。不然也可以修改取值方式。
showTimeName:返回的时间展示的控件iname。由于是用innerHTML展示数据的,需要控件能有innerHTML可取(span最好)。不然也可以修改取值方式。
需要注意的是IE取不到name属性,需要把这些控件的id也设置为和这个name属性一样的值。
*/
function GetServerSomeTimes(hidTimeName, showTimeName) {
var now = new Date();
var utime = document.getElementsByName(hidTimeName);
var stime = document.getElementsByName(showTimeName);
for (var i = 0; i < utime.length; i++) {
if (utime[i] == "")
return "无";
var urodz = new Date(utime[i]);
var daysRound = Math.floor((urodz - now) / 1000 / 60 / 60 / 24);
var hoursRound = Math.floor((urodz - now) / 1000 / 60 / 60 - (24 * daysRound));
var minutesRound = Math.floor((urodz - now) / 1000 / 60 - (24 * 60 * daysRound) - (60 * hoursRound));
var secondsRound = Math.floor((urodz - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound));
var time = daysRound + "天" + hoursRound + "小时" + minutesRound + "分" + secondsRound + "秒";
if (daysRound < 0 || hoursRound < 0 || minutesRound < 0 || secondsRound < 0)
time = "活动已经开始!";
stime[i].innerHTML = time;
}
setTimeout("GetServerTime(\"" + hidTimeName + "\",\"" + showTimeName + "\")", 1000);
}
分享到:
相关推荐
下面是一个基本的JavaScript时间倒计时的实现步骤: 1. **设置结束时间**:根据考试的截止时间,我们可以创建一个`Date`对象表示结束时间,例如`var endTime = new Date('2023-12-31T23:59:59')`。 2. **计算剩余...
JavaScript 时间倒计时 倒计时计算 调用方法 Timer.Init('2015/06/17 14:11:10','2015/06/18 14:12:08','ti','{0}天{1}时{2}分{3}秒')
在JavaScript(JS)编程中,实现获取服务器时间并进行倒计时是一项常见的需求,尤其在构建Web应用时。以下是对这个主题的详细说明: 首先,理解服务器时间和客户端时间的概念至关重要。服务器时间是服务器上计算机...
8. **模块化和封装**:在`TimeCircles.js`文件中,我们可以推测这是一个实现了环形倒计时功能的JavaScript模块。它可能包含一个构造函数,接收开始时间、持续时间等参数,以及初始化、更新和结束等方法。 9. **响应...
由于秒杀涉及的时间和服务器时间的同步对于确保活动的公平性和准确性至关重要,因此,如何使用JavaScript实现与服务器时间同步的商品秒杀倒计时成为了本篇讨论的核心内容。 首先,需要明确在实现秒杀倒计时时应避免...
在本文中,我们将深入探讨如何使用原生JavaScript来实现一个倒计时特效,特别是针对2023年的元旦。这个倒计时功能不仅限于元旦,通过调整代码,你可以将其应用到任何特定的节日或日期。我们将从以下几个方面展开讨论...
在提供的压缩包文件中,"js倒计时"可能包含了一个完整的JS倒计时实现,你可以查看源代码学习更多细节,比如如何将倒计时数据显示在网页上,或者如何处理时区问题。通过深入理解这些代码,你将能更好地掌握JS实现倒...
本篇文章将详细介绍如何利用JavaScript编写一个网页倒计时功能,并结合提供的`index.html`和`js`文件进行解析。 首先,我们需要理解JavaScript中的时间处理。JavaScript使用`Date`对象来表示日期和时间,它提供了...
实现效果: ... js自定义设置日期时间倒计时代码,通过使用原生js实现人时间日期的倒计时效果,一般在商城中用的比较多,例如搞某某活动,实现大促销活动,然后一个炫酷的倒计时效果,php中文网推荐下载!
在本教程中,我们将深入探讨如何使用C#来实现一个简单的日期时间倒计时功能。 首先,我们需要理解C#中的DateTime结构。DateTime是.NET Framework提供的一种类型,用于表示日期和时间。它包含了年、月、日、小时、...
1. **状态管理**:使用JavaScript,我们可以在全局变量或组件状态中存储倒计时的剩余时间。例如,可以创建一个`countdown`变量,初始值为60秒。然后使用`setInterval`函数每秒更新状态并显示在界面上。倒计时结束后...
用js实现根据不同情况自动设置,结束时间的网页倒计时代码程序。
JavaScript(简称JS)倒计时源码是一种常见的前端开发技术,用于实现网页上的时间计时功能,例如活动截止、考试开始等场景。本资源包含一个实现了天、小时、分钟和秒显示的倒计时功能的JS代码示例。下面将详细讲解JS...
总结来说,“倒计时功能插件js”涉及JavaScript的Date对象、时间差计算、定时器、时间格式化以及DOM操作等核心概念。理解和掌握这些知识点,开发者就能创建出自己的倒计时插件,满足各种应用场景的需求。
JS倒计时_可自定义结束时间 本资源是一个基于JavaScript的倒计时器,允许用户自定义结束时间。通过设置年、月、日三个参数,可以计算出距离结束时间的剩余时间,并实时显示倒计时。 知识点: 1. JavaScript倒计时...
JavaScript是Web开发中不可或缺的一部分,尤其在动态...这个过程不仅加深了对JavaScript时间处理的理解,也展示了JavaScript在动态网页中的应用能力。通过不断实践和优化,我们可以创造出更加丰富多样的倒计时效果。
【标题】"js+css3倒计时动画特效"是一个结合了JavaScript和CSS3技术的网页倒计时组件,它为传统的倒计时功能增添了视觉吸引力。这种特效常见于活动预热、产品上线预告等场景,能吸引用户注意力并营造紧张期待的氛围...
总的来说,创建JavaScript倒计时特效的关键在于理解日期和时间的计算,以及如何使用`setInterval`来定期更新页面内容。通过这个实例,你可以根据自己的需求调整结束时间,实现各种倒计时应用场景。同时,这个基础...
js时间对象实现倒计时效果(可设置倒计时开始时间)js时间对象实现倒计时效果(可设置倒计时开始时间)js时间对象实现倒计时效果(可设置倒计时开始时间)