Question

我有这个：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <link  href="http://fonts.googleapis.com/css?family=Geo:regular" rel="stylesheet" type="text/css" >
    <style>
body {
  font-family: 'Geo', serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;
}
</style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
    <script type="text/javascript">
    function cursorAnimation()
{
  $(".cursor").toggle();
}
$(document).ready(function()
{
  setInterval ( "cursorAnimation()", 1900);
});

</script>
<title>Untitled 2</title>
</head>

<body>

So, what's the deal?<span class="cursor">[WARNING]</span>


</body>
</html>

它的工作原理 - 技术上。然而，切换工作正在进行，但它的速度太快了。我试着搞乱setInterval，但它没有做一件事......我只是想让它出现并在循环中消失（就像一个光标）但没有褪色。

Answer 1

尝试setInterval（cursorAnimation，1900）;

Answer 2

它可以作为一个小提琴，所以我想知道发生了什么？

我把它改成了fadeToggle（），使其不像'硬'

setInterval(function cursorAnimation() {
$('.cursor').fadeToggle(); }, 1900);

http://jsfiddle.net/r6C3w/

jQuery toggle（）setInterval不起作用

2 个答案: