Heim > php教程 > php手册 > 很好用的响应式手机倒计时效果

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Freigeben: 2016-06-07 11:36:07
Original
2079 Leute haben es durchsucht

这个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元

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage