1

私はjqueryとjavascriptが初めてです。http://css-tricks.com/css3-clock/で説明されているように、CSS 回転クロックを作成しました。通常、この時計は 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>

ドロップダウンを使用して時間/分変数を変更したい。助けてください。

4

1 に答える 1

1 
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)"});
}

動作するはずですが、テストしていません。これをドロップダウンメニューに自分で実装してください。

于 2013-04-23T13:16:16.757 に答える