//时钟时针,分针,秒针(长部分与短部分),毫秒针的长度
var MILLISECOND_WIDTH = 10, SECOND_LONG_WIDTH = 30, SECOND_SHORT_WIDTH = 8, MINUTE_WIDTH = 28, HOUR_WIDTH = 22;
//时钟中心坐标值
var CENTER_X = 51, CENTER_Y = 51;
//毫秒针中心坐标值
var MILLI_CENTER_X = 68, MILLI_CENTER_Y = 68;
//时针,分针,秒针,毫秒针的VML线条对象
var vmlHour,vmlMinute,vmlSecond,vmlMillisecond;
//根据当前时间画出时针,分针,秒针,毫秒针的位置
function drawLine()
{
//得到当前的时间
var currTime = new Date();
var hour = currTime.getHours();
var minute = currTime.getMinutes();
var second = currTime.getSeconds();
var msecond = currTime.getMilliseconds();
//由当前时间小时数计算出偏移角度及其X轴Y轴坐标值
var degree = (hour % 12 + minute / 60.0) * (Math.PI * 2 / 12);
var x = CENTER_X + HOUR_WIDTH * Math.sin(degree);
var y = CENTER_Y - HOUR_WIDTH * Math.cos(degree);
vmlHour.from = CENTER_X.toString() + "," + CENTER_Y.toString();
vmlHour.to = x.toString() + "," + y.toString();
//由当前时间分钟数计算出偏移角度及其X轴Y轴坐标值
degree = minute % 60 * (Math.PI * 2 / 60);
x = CENTER_X + MINUTE_WIDTH * Math.sin(degree);
y = CENTER_Y - MINUTE_WIDTH * Math.cos(degree);
vmlMinute.from = CENTER_X.toString() + "," + CENTER_Y.toString();
vmlMinute.to = x.toString() + "," + y.toString();
//由当前时间秒数计算出偏移角度及其长部分与短部分X轴Y轴坐标值
degree = second % 60 * (Math.PI * 2 / 60);
var long_x = CENTER_X + SECOND_LONG_WIDTH * Math.sin(degree);
var long_y = CENTER_Y - SECOND_LONG_WIDTH * Math.cos(degree);
var short_x = CENTER_X - SECOND_SHORT_WIDTH * Math.sin(degree);
var short_y = CENTER_Y + SECOND_SHORT_WIDTH * Math.cos(degree);
vmlSecond.from = short_x.toString() + "," + short_y.toString();
vmlSecond.to = long_x.toString() + "," + long_y.toString();
//由当前时间毫秒数计算出偏移角度及其X轴Y轴坐标值
degree = msecond / 50 * (Math.PI * 2 / 20);
x = MILLI_CENTER_X + MILLISECOND_WIDTH * Math.sin(degree);
y = MILLI_CENTER_Y - MILLISECOND_WIDTH * Math.cos(degree);
vmlMillisecond.from = MILLI_CENTER_X.toString() + "," + MILLI_CENTER_Y.toString();
vmlMillisecond.to = x.toString() + "," + y.toString();
}
function drawClock()
{
//获取时针,分针,秒针,毫秒针的VML线条对象
vmlHour = document.getElementById("vmlHour");
vmlMinute = document.getElementById("vmlMinute");
vmlSecond = document.getElementById("vmlSecond");
vmlMillisecond = document.getElementById("vmlMillisecond");
window.setInterval(drawLine, 50);
}
没有合适的资源?快使用搜索试试~ 我知道了~
音乐网站下载地址提取工具源代码
共14个文件
aspx:3个
cs:3个
jpg:2个
需积分: 9 151 下载量 27 浏览量
2007-08-11
21:24:08
上传
评论
收藏 21KB RAR 举报
温馨提示
一些基本的AJAX,XML技术,其中还包含一个用VML技术实现时钟的例子
资源推荐
资源详情
资源评论
收起资源包目录
MusicTool.rar (14个子文件)
MusicTool
Image
omega.gif 597B
clock.js 3KB
clock.jpg 3KB
getmusic.js 2KB
StyleSheet.css 2KB
omega.jpg 2KB
clock.bmp 576KB
web.config 2KB
RSS.aspx.cs 1KB
clock.aspx.cs 406B
clock.aspx 2KB
App_Data
Default.aspx 3KB
Default.aspx.cs 1KB
RSS.aspx 435B
Bin
共 14 条
- 1
资源评论
aquadp
- 粉丝: 14
- 资源: 4
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功