谷歌控制盒子旋转
盒子.style.WebkitTransform = "rotate(180deg)"
例子:时钟
<body>
<h1 id="z">时间表</h1>
<div class="clock" id="clock">
<div class="hour" id="hour"></div>
<div class="minute" id="minute"></div>
<div class="second" id="second"></div>
</div>
</body>
<script>
var clock =document.getElementById("clock");
var z =document.getElementById("z");
function zhong(){
var time =new Date()
var h=time.getHours();
var m=time.getMinutes();
var s=time.getSeconds();
var ss=s*6
var mm=m*6
var hh=(h*30)+(mm/12)
z.innerHTML=(h+" :"+m+" :"+s)
clock.children[2].style.WebkitTransform = "rotate("+ss+"deg)"
clock.children[1].style.WebkitTransform = "rotate("+mm+"deg)"
clock.children[0].style.WebkitTransform = "rotate("+hh+"deg)"
}
setInterval("zhong()",1000)
</script>