gpt4 book ai didi

javascript - 停止 javascript div 旋转

转载 作者:行者123 更新时间:2023-11-28 07:12:40 25 4
gpt4 key购买 nike

这是一个使 div 旋转的脚本..现在我试图只进行一次旋转并停止脚本..你能帮我吗?我怎样才能将这个脚本停止到只有一个旋转?我是这种编程语言的新手.. D:

<body style="-webkit-transform: rotate(0deg);">
<div id="wrap">
<p>some content</p>
<script type="text/JavaScript">
function getTransformProperty(element) {
var properties = ['transform', 'msTransform', 'WebkitTransform', 'MozTransform' , 'OTransform'];
var p;
while (p = properties.shift()) {
if (typeof element.style[p] != 'undefined') {
return p;
}
}
return false;
}
var div = document.getElementById('wrap');
var property = getTransformProperty(div);
if (property) {
var d = 0;
setInterval(function () {div.style[property] = 'rotate(' + (d++ % 360) + 'deg)';}, 10);
}
</script>
</div>

最佳答案

当然,您可以通过清除interval 来实现。

if (property) {
var d = 0;
interval = setInterval(function () {
d++;
div.style[property] = 'rotate(' + (d % 360) + 'deg)';
if (d == 360) clearInterval(interval); // clearInterval if 360deg reached..
}, 10);
}

关于javascript - 停止 javascript div 旋转,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32543927/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com