突然,在想很多东西都在手机上,万一手机丢了怎么很多信息不就危险了吗?生活是比较懒的加密的,为了安全起见,以后可以备份一个手机,或搞个更安全的加密机制。[这些话,不是重点,请忽略]
setInterval(function(){
id.style.transform="rotate(45deg)";
//如果你理解的意思是: 这个会旋转45°,然后暂停在45°,在45°的基础上继续旋转45°的话,你可以继续看;
//否则,请忽略!这个可能与你所遇见的问题不同。
},20);
这是我先因这个代码而接触到 transform: rotate(45deg); 我原先理解也是代码注释那样的想法.
恩,因为死活想不通,就百度啊,各种换着关键字搜索, 资料寥寥无几, 估计是大部分都不会像我这样理解吧。
其实,如果你遇见了和我一样的理解方式的话,我们可以握个爪。
有人说, id.style.transform="rotate(45deg)"; 这个每次都会初始化. 但是自己想了想不对劲啊,为什么要初始化啊?然后我配置了如下代码试着理解:
<title>js-transform-rotate学习</title>
<style>
#demo{
width: 200px;
height: 200px;
border: dashed 1px #00f;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="demo">
最单纯的方块
</div>
<p id="wto" align="center"></p>
<script>
//00.声明变量:
var id=document.getElementById("demo");
var wto=document.getElementById("wto");
var n=0;
//02.之后,我尝试让它一次一次改变,发现每次都是45度,是在0度基础上旋转45度:
id.style.transform="rotate(45deg)";
wto.innerHTML="度数:"+(45);
id.style.transform="rotate(45deg)";
wto.innerHTML="度数:"+(45);
/*03.所以得出结果是: 它每次是在0度的基础上进行旋转的啊!!! */
/*01.这些是我理解过程的代码:(不必太过关注它)
setInterval(function(){
id.style.transform="rotate(45deg)";
//那意思就是说,每次都是初始化了。。。。
//初始化-旋转45° 初始化-旋转45° ,,,,
//而我的意思是它旋转45°,然后暂停在45°,在45°的基础上旋转45°
wto.innerHTML="次数:"+(n++);
},20);
*/
//自欺欺人之一在于:你认为自己努力,认为自己真的很有毅力,可是你认为难一点的,别人认为很简单.
//差距在于思想和认知的差距,你所做的努力微不足道。尤其当你变得有些自负的时候。
//这是差距。
//05.所以,每次都是在0度的基础上旋转的话,是不会45度后+45度+45度 这样下去持续的循环的.
</script>
</body>
我在百度贴吧上,见有人说,每次都是初始化,但感觉这样不是很对,但也不能说不对,但每次的确是在0度的基础上进行旋转的N度的。
如果有人对此有更多看法,欢迎评论.