angular实现一个世界倒计时预言效果代码
代码语言:html
所属分类:动画
代码描述:angular实现一个世界倒计时预言效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> @import '//fonts.googleapis.com/css?family=Bangers'; body { margin: 0; } .wrap { display: flex; align-items: center; justify-content: center; height: 100vh; background: black; } .time-to { text-align: center; font-family: Bangers; color: white; font-size: 35px; letter-spacing: 2px; } .time-to span { display: block; font-size: 80px; color: red; } </style> </head> <body > <div class='wrap' ng-app='app'> <div class='time-to'> The world might end in... <span countdown='' date='January 20, 2031 12:00:00'> </span> </div> </div> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/angular-1.4.6.js"></script> <script > (function() { angular.module('app', []).directive('countdown', [ 'Util', '$interval', f.........完整代码请登录后点击上方下载按钮下载查看
网友评论0