首页
课程
路径
文章
PHP培训
精品课
下载

技术文章  >  php教程 > php手册

很好用的响应式手机倒计时效果

原创
2016-06-07 11:36:07 1676浏览

这个DEMO的时分秒背景是用css3写的。放在手机上浏览是个很不错的倒计时效果。

倒计时js代码





$(function() {
var note = $('#note');
var ts = (new Date("2016-02-08")).getTime();
$('#countdown').countdown({
timestamp: ts,
callback: function(days, hours, minutes, seconds) {

var message = "距离2016新年还有";

message += days + "天" + (days == 1 ? '' : '') + "";
message += hours + "小时" + (hours == 1 ? '' : '') + "";
message += minutes + "分" + (minutes == 1 ? '' : '') + "";
message += seconds + "秒" + (seconds == 1 ? '' : '') + "";
message += "...";
note.html(message);
}
});
});jQuery倒计时演示效果：http://www.sucaihuo.com/js/518.html

附件 支持手机浏览的倒计时插件.zip ( 72.06 KB 下载：76 次 )

AD：真正免费，域名+虚机+企业邮箱=0元

thinkphp代码，代码示例，代码参考，php短信，数据库备份代码，令牌验证，去除代码中的空白和注释倒计时 手机PHP课程HTML视频教程CSS视频JS视频教程Vue视频教程
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
上一条：PHP+Ajax调用简单漂亮的验证码 下一条：highchars

相关文章

查看更多
  • 热门课程
打开APP，随时随地在线学习！