Question

我希望在我的字符串中添加旋转，因为我已经设置了间隔，但它没有得到我想要的。当我重新加载浏览器时，它只能运行一次。那么我应该为继续这个功能添加什么呢。

这是我的代码 HTML

<html> 
  <head>
  <title>JavaScript basic animation</title>
  <script type="text/javascript">
  </script>

  <script type="text/javascript" src="myfunction_2.js"></script>
  </head> <body onload="shubham()">
  <div id="target">w3resource</div>


<button >click</button>

  </body> 
  </html>

的javascript

function shubham() 
{
var x=document.getElementById('target').textContent;

var y=x.split('');

var z=y[0];

var m=y[y.length-1];

setInterval(function () 
{
 document.getElementById('target').innerHTML = m+x.substring(0,8);
},500);


}

Answer 1

你的代码的问题是变量被初始化一次，并且每当调用setInterval函数时，变量都没有变化，因此结果保持不变，只出现函数只执行了一次。

将变量移到 setInterval 函数中。

＆＃13;

setInterval(function() {
  var x = document.getElementById('target').textContent;

  var y = x.split('');

  var z = y[0];

  var m = y[y.length - 1];
  document.getElementById('target').innerHTML = m + x.substring(0, 8);
}, 500);

＆＃13;

<div id="target">w3resource</div>

＆＃13;

Answer 2

你的意思是这样的

<html>

<head>
<title>JavaScript basic animation</title>
</head>

<body onload="shubham()">
<div id="target">w3resource</div>
<button onclick="shubham()">click</button>
</body>

</html>
<script>
function shubham() {
    var x = document.getElementById('target').textContent;
    var y = x.split('');
    var z = y[0];
    var m = y[y.length - 1];
    setInterval(function () {
        document.getElementById('target').innerHTML = m + x.substring(0, 8);
    }, 500);
 }
 </script>

如何在字符串

2 个答案: