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

WBOY
リリース: 2016-06-07 11:36:07
オリジナル
2038 人が閲覧しました

这个DEMO的时分秒背景是用css3写的。放在手机上浏览是个很不错的倒计时效果。
很好用的响应式手机倒计时效果
倒计时js代码<div> <br>     <div></div> <br>     <p></p> <br> </div> <br> $(function() { <br>     var note = $('#note'); <br>     var ts = (new Date("2016-02-08")).getTime(); <br>     $('#countdown').countdown({ <br>         timestamp: ts, <br>         callback: function(days, hours, minutes, seconds) { <br>  <br>             var message = "距离2016新年还有"; <br>  <br>             message += days + "天" + (days == 1 ? '' : '') + ""; <br>             message += hours + "小时" + (hours == 1 ? '' : '') + ""; <br>             message += minutes + "分" + (minutes == 1 ? '' : '') + ""; <br>             message += seconds + "秒" + (seconds == 1 ? '' : '') + ""; <br>             message += "..."; <br>             note.html(message); <br>         } <br>     }); <br> });jQuery倒计时演示效果:http://www.sucaihuo.com/js/518.html

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

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート