Question

我有一个像下面这样的jquery函数，并在span中显示resualt但是当重新加载页面时，这个span隐藏并显示一段时间。我希望不隐藏和显示有没有办法做到这一点？因为我用它作为计时器。!!

<span id="timer"></span>

<script>

       var counter = 61;
       var x = setInterval(function () {

           counter = counter-1;
           $('#timer').html(counter);

       },1000);

   </script>

Answer 1

从60sec而不是61启动您的计时器。

＆＃13;

var counter = 60;
$('#timer').html(counter);
var x = setInterval(function () {
  counter = counter-1;
  $('#timer').html(counter);
},1000);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id="timer"></span>

＆＃13;

在span之前使用计数器初始化您的setInterval。

希望这会对你有所帮助。

Answer 2

最初您的计时器范围为空。

var counter = 61;
$('#timer').html(counter); // add this line
var x = setInterval(function () {
  counter = counter-1;
  $('#timer').html(counter);
},1000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id="timer"></span>

Answer 3

这是因为您在一秒钟后设置了html。在触发setInterval之前，跨度中没有任何内容。

这是你可以做的

＆＃13;

var counter = 61;
const timer = $("#timer");
timer.html(counter);
var x = setInterval(function () {
  counter = counter-1;
  timer.html(counter);
},1000);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id="timer"></span>

＆＃13;

https://jsfiddle.net/vatsalpande/f1kytyhz/

使用Jquery的第二个计时器

3 个答案: