200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 用JavaScript实现元素自动旋转功能

用JavaScript实现元素自动旋转功能

时间:2020-04-20 00:59:22

相关推荐

用JavaScript实现元素自动旋转功能

用JavaScript实现元素自动旋转功能

JavaScript模块

<script>//声明一个函数function rotate() {//每隔100毫秒调用一次fun函数(调整旋转速度的地方)setInterval(fun, 100)}//声明一个number类型的变量var deg = 0;//声明一个函数function fun() {//指定id尾login的标签var obj = document.getElementById("login");//每次自增1度deg += 1;//长度加上单位degvar d = deg + "deg";//拼接控制旋转的方法obj.style.transform = "rotate(" + d + ")";}</script>

html模块

<!--调用函数--><body onload="rotate();"><div class="re"><!--id为login--><div class="fa" id="login"><div class="faa"><form><div>账户:<input type="text"></div><div>密码:<input type="password"></div><div><input type="submit"></div></form></div></div></div></body>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。