手动设置html/css时钟时间
提问于 2013-04-23 12:39:48
我是jquery和javascript的新手。我已经创建了css旋转时钟，如http://css-tricks.com/css3-clock/中所述。正常情况下，此时钟使用JScript Date().getSecond()方法获取本地机器时间。有没有办法仅使用javascript或jquery，使用小时/分钟下拉菜单手动设置时间。这是旋转时钟指针的代码。
<script type="text/javascript">
$(document).ready(function() {
setInterval( function() {
var seconds = new Date().getSeconds();
var sdegree = seconds * 6;
var srotate = "rotate(" + sdegree + "deg)";
$("#sec").css({"-moz-transform" : srotate, "-webkit-transform" : srotate});
}, 1000 );
setInterval( function() {
var hours = new Date().getHours();
var mins = new Date().getMinutes();
var hdegree = hours * 30 + (mins / 2);
var hrotate = "rotate(" + hdegree + "deg)";
$("#hour").css({"-moz-transform" : hrotate, "-webkit-transform" : hrotate});
}, 1000 );
setInterval( function() {
var mins = new Date().getMinutes();
var mdegree = mins * 6;
var mrotate = "rotate(" + mdegree + "deg)";
$("#min").css({"-moz-transform" : mrotate, "-webkit-transform" : mrotate});
}, 1000 );
});
</script>我想使用dropdown更改小时/分钟变量。请帮帮忙。
回答 1
Stack Overflow用户
发布于 2013-04-23 13:16:17
function setTime(hours, minutes, seconds) {
$("#hour").css({"-moz-transform" : "rotate(" + (hours * 30 + (minutess / 2)) + "deg)", "-webkit-transform" : "rotate(" + (hours * 30 + (minutes / 2)) + "deg)"});
$("#min").css({"-moz-transform" : "rotate(" + (minutes * 6) + "deg)", "-webkit-transform" : "rotate(" + (minutes * 6) + "deg)"});
$("#sec").css({"-moz-transform" : "rotate(" + (seconds * 6) + "deg)", "-webkit-transform" : "rotate(" + (seconds * 6) + "deg)"});
}应该可以工作，但不能测试它。自己实现这个下拉菜单。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16169586
复制相关文章
点击加载更多
腾讯云开发者
