深圳市金黑网络技术有限公司始终坚持以用户需求为导向，提供安全、稳定、高效的产品和服务！
签到 · 搜索导航 · 服务热线 · 微信/手机：17817817816

深圳网站建设

搜索
应用资源 › 应用资源下载 › 网页特效 › 时间特效代码 › js实现时间秒表特效
返回列表 发新帖
查看: 1118|回复: 0

js实现时间秒表特效

[复制链接]
admin

UID
1
贡献
844
金币
1540
主题
520
在线时间
333 小时
注册时间
2022-1-15
最后登录
2024-11-12
QQ
发表于 2022-10-4 18:09:48 | 1118 | 0 | 显示全部楼层 |阅读模式
admin 2022-10-4 18:09:48 1118 0 显示全部楼层
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特效, 网页特效, 时间特效, 秒表特效
楼主热帖

相关帖子
回复

举报

返回列表 发新帖
Copyright © 2013-2023 深圳市金黑网络技术有限公司 版权所有    备案号：粤ICP备2021124338号    粤公网安备 44030702003689号

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

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