- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用 JQUERY.COUNTDOWN - 我有一个问题:
可以使用多个实例并在倒计时结束时隐藏表格行吗?
我有一个表格,每一行都有一个像这样的“倒计时”:
-----------------------------------------------
item 1 expires in 10:10:20s [button: GO!]
-----------------------------------------------
item 2 expires in 12:20:33s [button: GO!]
-----------------------------------------------
item 3 expires in 22:08:53s [button: GO!]
使用:
HTML:
<div data-countdown="2016/01/01"></div>
<div data-countdown="2017/01/01"></div>
<div data-countdown="2018/01/01"></div>
JS:
$('[data-countdown]').each(function() {
var $this = $(this), finalDate = $(this).data('countdown');
$this.countdown(finalDate, function(event) {
$this.html(event.strftime('%D days %H:%M:%S'));
if (event.elapsed){
$(this).html('EXPIRED');};
});
});
我可以控制“XX:XX:XXs 过期”并将 TXT 更改为“EXPIRED”,但我有一个按钮“开始!”对于每个元素 - 此按钮将保留。
然后,我需要隐藏所有行。
我使用脚本,我可以用这个隐藏每一行:
$("#Job3").countdown("2015/09/07 03:43:20", function(event) {
var format = '%H:%M:%S';
if(event.offset.days > 0) {
format = '%-d day%!d ' + format;
}
if (event.offset.seconds > 0) {
$("#Panel").show();
$("#NoJob").hide();
}
$(this).text(event.strftime(format));
if (event.elapsed){
$(this).html('Expired');
$("#TdJob3").hide();
if (($('table#Panel tr:visible').length) == 1) {
$("#Panel").hide();
$("#NoJob").show();
}}
});
#Panel - 是表格
#JobXX - 是倒计时div
#TDJobXX - 是要隐藏的 TD/ROW
#NoJob - 是一条警告消息,仅在隐藏所有 TD 时出现。 (没有工作)
问题是我将有数千行。如果我需要为每一行创建一个规则将是一个问题。
然后我需要一个解决方案来处理多个实例并在倒计时结束时隐藏每一行..
有什么想法吗?
我不太了解 Jquery/JS...但我阅读了所有文档,并为“单次倒计时”创建了解决方案...:D
最佳答案
您可以使用 jQuery 的 slideUp()
隐藏计时器已过期的行。
因为您的计时器目标元素是 div,id 为 Job1
, 在 <tr>
里面,需要向上遍历直到<tr>
并调用slideUp()
.像这样隐藏完整的行。
JS 代码:
$(this).closest('tr').slideUp();
关于javascript - Jquery Countdown - 隐藏多个TD,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32433138/
我正在尝试使用 Countdown.js 。我发现this guide并复制代码并粘贴它以尝试调整和理解代码,但是当我在 my web 中运行它时我无法让它工作,在控制台中我得到“Uncaught R
我正在尝试构建一个 polymer 倒计时小部件。 在 Javascript 中,我会为此编写一个类似的函数,并不断将更新的倒计时时间插入到所需的 ID 元素中。 setInterval(funct
我不断收到“倒计时未定义”的消息 var timeout = setTimeout('countdown()',1000); 它应该每秒循环一次函数 countdown()。我该如何解决这个问题?
我的代码中有这一行 $('#timeLeftDiv').countdown({ until: expires, timezone: 0, serverSync: serverTime, onTick:
我很难处理 JqueryCountdown 脚本样式。这是视觉上发生的事情...... 这是用完 visual studios 调试器后的样子 我希望样式看起来更像第二个而不是第一个。我不是很擅长 C
我是C#的新手,正在尝试使用System.Timer.Timers创建一个简单的倒数计时器。它没有按预期工作,我在互联网上搜索了解决方案,但并没有真正解决我的问题。我想要的是当用户单击开始按钮时,它开
我正在使用 http://countdownjs.org/ 中的非常好的脚本几乎一切都运转良好。但是,我想要没有字符串 小时、分钟、秒的格式 - 只是一个普通的计时器(hh:mm:ss)。我正在考虑使
您好,我尝试按一个按钮从 countdown.js 启动和重置计数器。 当我第二次按下按钮时,它会启动一个新计时器并在旧计时器和新计时器之间跳转。 我想清除计时器/重置计时器并开始。 我尝试使用cle
为什么以下不起作用? Example Time to start: Main.js: function setT
我正在尝试创建一个与倒计时电视节目相关的简单程序。我才刚刚开始,所以我的问题从一开始就存在。当我要求用户输入 c 或 v 作为辅音或元音时,我只是检查它是否返回 yes、no 或请重试。这有效,但它直
我正在使用 https://bitbucket.org/mckamey/countdown.js用于在 fromDate 和 toDate 之间设置倒计时文本。下面是我的代码片段 var fromDa
我正在从 MySql 数据库检索 DateTime,但它的格式与倒计时允许的格式不同。 mysql has this date format: 2015-07-07 00:00:00 countdow
我正在使用 countdown.js: http://blog.smalldo.gs/2013/12/create-simple-countdown/ 我没有使用 JavaScript 的经验,我需要
我正在使用 JQUERY.COUNTDOWN - 我有一个问题: 可以使用多个实例并在倒计时结束时隐藏表格行吗? 我有一个表格,每一行都有一个像这样的“倒计时”: ------------------
我对这个脚本有疑问 - var date = new Date(new Date().valueOf() + 60 * 1000); $('#clock').countdown(date)
尝试使用 this 实现 jQuery 倒计时引用 代码: Merry Christmas var newYear
我正在尝试编写一个程序,在单击按钮时打开一个表单。此表单有一个带有倒计时的标签。主窗体有一个按钮,它执行以下操作: private void btnOpen_Click(object sender,
我正在创建一个按天、小时和秒计算的倒数计时器。我目前将它们存储在 String 数组中,同时还将它们转换为 Int(使用 map() ),以便在将值放入标签时可以倒计时/递减。 打印到日志时的当前输出
请帮忙。我想使用 iphone sdk 创建倒数计时器。我有当前时间: NSDate *today = [NSDate date]; NSDateFormatter *dateFormatter =
我知道我应该了解 Apple 的 NSTimer 文档,但我没有!我也阅读了很多关于它的问题,但找不到适合我的问题。那么这里是: 用户通过文本字段输入小时和分钟。我将它们转换为整数并将它们显示在“co
我是一名优秀的程序员,十分优秀!