设为首页收藏本站
联系我们切换到宽版

 找回密码
 免费注册
金黑网络»应用资源 › 应用资源下载 › 网页特效 › 时间特效代码 › js实现时间秒表特效
返回列表 发新帖

js实现时间秒表特效

[复制链接]
发表于 2022-10-4 18:09:48 | 显示全部楼层 |阅读模式
js实现时间秒表特效

效果如图所示：
时间秒表特效.jpg


html代码如下：
  1. <head>
  2.         <meta charset="UTF-8">
  3.         <title>秒表特效</title>
  4.         <style>
  5.                 .clock{
  6.                         width:500px;
  7.                         height:300px;
  8.                         background: #272822;
  9.                         color:#fff;
  10.                         border-radius:20px;
  11.                         box-shadow:0 0 5px 5px #ccc;
  12.                         position: absolute;
  13.                         top:50%;
  14.                         left:50%;
  15.                         margin-left:-250px;
  16.                         margin-top:-150px;
  17.                 }

  19.                 .time{
  20.                         line-height: 300px;
  21.                         text-align:center;
  22.                         font-size:100px;
  23.                         font-weight:bold;
  24.                 }
  25.         </style>
  26.         <script src='jquery.min.js'></script>
  27. </head>
  28. <body>
  29.         <div class="clock">
  30.                 <div class="time">
  31.                        
  32.                 </div>       
  33.         </div>       
  34. </body>
复制代码

附件下载：
秒表特效.7z (30.93 KB, 下载次数: 0, 售价: 1 金币)

js特效, 网页特效, 时间特效, 秒表特效

相关帖子
回复

举报

返回列表 发新帖

QQ|Archiver|小黑屋|网站地图|深圳市金黑网络技术有限公司 ( 粤ICP备2021124338号|粤公网安备 44030702003689号 )

GMT+8, 2026-8-8 18:01 , Processed in 0.052764 second(s), 32 queries .

Powered by Discuz! X3.5

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表