查看: 570|回复: 6

[博客/留言/论坛] 请问有无非flash的模拟时钟代码?

[复制链接]
竹子 发表于 2022-10-29 20:14:39 | 显示全部楼层 |阅读模式
以下这个是网页中的 flash 的模拟时钟,但现很多网页不支持。请问有无替代的非 flash 的模拟时钟代码?谢谢!
QQ截图20221029201352.png
xuanxiao 发表于 2022-10-30 12:33:11 | 显示全部楼层
GIF.gif

***********************************

下载地址: H5时钟.rar (1.72 MB, 下载次数: 0, 售价: 10 个ASP币)

**************************
参数
1 Clock(canvas, options)
  • canvas:用来显示模拟时钟的容器。可以是一个HTMLCanvasElement对象,也可以是一个HTMLCanvasElement对象的id。
  • options:options有默认值,可不传,但如果你想自定义一些漂亮的样式,就可以使用options参数。

.2 options默认值
属性
说明
类型
默认值
size
模拟时钟大小
Number
300
padding
内边距
Number
5
borderWidth
边框宽度
Number
15
borderColor
边框颜色
String
black
borderImage
边框背景图片,优先级高于borderColor
String
-
backgroundColor
背景色
String
white
backgroundImage
背景图片,优先级高于backgroundColor
String
-
backgroundMode
背景图显示模式,可选值part或full
String
full
backgroundAlpha
背景图片的透明度
Number
0.5
scaleType
显示的刻度类型,roman:罗马数字,arabic:阿拉伯数字,none:不显示
String
arabic
scaleColor
刻度线颜色
String
#666
hourColor
刻度值颜色
String
#666
handType
指针类型
line | triangle
triangle
secondHandColor
秒针颜色
String
red
minuteHandColor
分针颜色
String
#666
hourHandColor
时针颜色
String
black
showShadow
时针颜色
Boolean
true
onload
图片加载完成回调,回调参数当前Clock对象
Function
-



GIF.gif




少年 发表于 2022-10-30 15:31:26 | 显示全部楼层

analogClock.js网页时钟插件
我怎么没出售功能。。。。我想赚1币,,,算了,自己搜索吧,已经很明确了
xuanxiao 发表于 2022-10-30 19:28:21 | 显示全部楼层
少年 发表于 2022-10-30 15:31
analogClock.js网页时钟插件
我怎么没出售功能。。。。我想赚1币,,,算了,自己搜索吧,已经很明确了

有附件功能 可以设置
 楼主| 竹子 发表于 2022-10-30 22:47:03 | 显示全部楼层
xuanxiao 发表于 2022-10-30 12:33
***********************************

下载地址:

谢谢!
 楼主| 竹子 发表于 2022-10-30 22:52:56 | 显示全部楼层
本帖最后由 竹子 于 2022-10-30 22:55 编辑

在网上搜到一个免费的简单但实用的JS模拟时钟,非跳动的平滑旋转秒针。关键是大小能自动缩放。分析后加上主要参数的注释(style.css)。放附件。
clock_JS模拟时钟.rar (2.22 KB, 下载次数: 1)
您需要登录后才可以回帖 登录 | 注册

本版积分规则

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

在线客服

售前咨询
售后咨询
服务热线
023-58418553
微信公众号