jQuery倒计时隐藏天/小时/分钟(如果没有)
jQuery countdown hide days/hours/minutes if none left
我正在使用Final Countdown jQuery脚本。。http://hilios.github.io/jQuery.countdown/
如果没有剩余时间,我想隐藏天、分钟等。
此时,它将显示类似…的内容。。
00天00小时13分58秒
我想把它显示为。。
13分58秒
HTML
<span id="clock-{{ $game->id }}"></span>
脚本
var endGame = moment.tz("{{ $game->updated_at->addDays(3) }}", "Europe/Volgograd");
$('#clock-{{ $game->id }}').countdown(endGame.toDate(), function(event) {
$(this).html(event.strftime('%-D days %-H hours %-M min %-S sec')).on('finish.countdown', function(event){
$(this).html(event.strftime('This Game has Ended.'));
$('.clock-{{ $game->id }}').fadeOut(2000);
});
});
谢谢!!
我想您可以为实现这一点设置一些条件。
var endGame = moment.tz("{{ $game->updated_at->addDays(3) }}", "Europe/Volgograd");
$('#clock-{{ $game->id }}').countdown(endGame.toDate(), function(event) {
var str = "";
// if 0 number of days, show H:M:S
if(parseInt(event.strftime('%D')) == 0) {
str = event.strftime('%-H hours %-M min %-S sec');
// if 0 days 0 hours, show M:S
if(parseInt(event.strftime('%H')) == 0) {
str = event.strftime('%-M min %-S sec');
// if 0 days 0 hours 0 minutes, show only Seconds
if(parseInt(event.strftime('%M')) == 0) {
str = event.strftime('%-S sec');
}
}
} else {
str = event.strftime('%-D days %-H hours %-M min %-S sec');
}
$(this).html(str).on('finish.countdown', function(event){
$(this).html(event.strftime('This Game has Ended.'));
$('.clock-{{ $game->id }}').fadeOut(2000);
});
});
我不知道插件是否提供了一些内置功能,所以我采取了这种方法。
相关文章:
- 如何知道元素在屏幕上是否可见.如果没有,请滚动页面
- 可以转换显示属性吗?如果没有,什么'这是最好的解决方案
- 如果没有互联网连接,Android WebView离线消息
- 如果没有历史记录,我如何隐藏图像或按钮onclick=;历史.go(-1);
- 如果没有从下拉列表中选择任何值,则允许使用php、mysql、javascript将文本框添加到mysql表中
- 如果没有Ember中的控制器,我如何更改查询参数
- 如果没有添加PHP&Javascript
- 如果没有其他函数链接到promise,则默认行为
- 如果没有document.ready(),我怎么能拥有多个javascript函数呢
- 如果没有任何输入,如何启用按钮
- 有没有一个javascript库可以生成这样的垂直切片背景图像?如果没有,我怎么能创建它
- Jquery自动完成:如果没有选择任何项目,则使tab键选择第一个项目
- 如果设置了位置,如何在每个状态下检查路由器ui,如果没有,则转到登录页
- 如何从网站获得apple touch图标,如果没有;不存在,则显示收藏夹
- 自动单击按钮(如果没有类)
- 我可以通过使用函数绑定来保留默认值吗?如果没有,为什么
- 找到所有元素,如果没有类,则使用 jQuery 添加其他类
- ng,如果没有捕获更新的$scope值
- jQuery倒计时隐藏天/小时/分钟(如果没有)
- 如果 10 分钟后网页上没有用户活动,如何向上滚动到向下滚动页面