gpt4 book ai didi

javascript - 如何每分钟重复一个div

转载 作者:行者123 更新时间:2023-11-30 17:46:06 26 4
gpt4 key购买 nike

这是我的代码。这里的 div 在 5 秒后动画化,并在另一个 5 秒后隐藏。我需要每 5 秒重复一次。这意味着每 5 秒 div 就会动画并在另一个 5 秒后消失。

 <!DOCTYPE html>
<html>
<head>
<style type="text/css">
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script type="text/javascript" src="jquery.animate-colors.js"></script>
<script type="text/javascript" src="jquery.animate-colors.min.js"></script>
<script>
$(window).load(function(){
$('#div').delay(5000).fadeIn(function() {

$(this).text('Some other text!').css({'text-align':'center',})

});

$("#div").animate({

left:'450px',
opacity:'0.5',
height:'250px',
width:'250px',
border:'3px solid',
borderColor: 'darkolivegreen',
backgroundColor: '#cccc'
})

$('#div').delay(5000).fadeOut();

});

</script>
</head>
<body>

<div id="div" style="background:#98bf21;height:100px;width:100px;position:absolute;">Please login</div>

</body>
</html>

最佳答案

您可以在 javascript 中使用 setInterval() 方法。

Summary

Calls a function or executes a code snippet repeatedly, with a fixed time delay between each call to that function.

MDN Documentation

关于javascript - 如何每分钟重复一个div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20137332/

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