HTML5带表盘和数字刻度时钟代码.zip资源-CSDN文库

共7个文件

js：4个

html：1个

css：1个

版权申诉

javascript

jQuery

html5

145 浏览量 2022-11-18 22:13:32 上传评论收藏 81KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML5带表盘和数字刻度时钟代码.zip （7个子文件）

HTML5带表盘和数字刻度时钟代码

jiaoben4307

css

demo.css 502B

index.html 1KB

clock-1.1.0.min.js 4KB

jquery-2.1.1.min.js 82KB

src

clock-1.1.0.js 10KB

clock-1.1.0.min.js 4KB

HTML5带表盘和数字刻度时钟代码.jpg 55KB

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HTML5带表盘和数字刻度时钟代码 - 网页模板</title> <link rel="stylesheet" href="css/demo.css"/> </head> <body> <div class="wrapper clearfix show"> <div class="clock" id="clock"></div> <div class="clock" id="clock1"></div> <div class="clock" id="clock2"></div> </div> <script src="js/jquery-2.1.1.min.js" type="text/javascript"></script> <script type="text/javascript" src="js/clock-1.1.0.min.js"></script> <script> var clock = $("#clock").clock(), data = clock.data('clock'); // data.pause(); // data.start(); // data.setTime(new Date()); var d = new Date(); d.setHours(9); d.setMinutes(51); d.setSeconds(20); var clock1 = $("#clock1").clock({ width: 210, height: 305, theme: 't2', date: d }); var clock2 = $("#clock2").clock({ width: 150, height: 220, theme: 't3' }); </script> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉