Jquery使用php并暂停。

Question

在任何jquery之前，我的php页面的顶部都有一个名为$pause的php变量。分配给它的值是从数据库中读取的。

我使用jquery试图做的是显示一个div，然后延迟$pause值，然后隐藏div。

这显示并隐藏了div，我如何添加延迟？

$("#div1").show();
$("#div1").hide();

谢谢

Answer 1

如果您可以在js中解析php，则可以对其进行echo：

var pause = <?php echo $pause; ?>

如果没有，则将值附加到一个元素(如隐藏的input )上，以便您可以使用jquery访问该值。

然后你就可以：

$('#div1').show().delay(pause).hide(0);

注意:您需要将duration传递给hide()，这样delay()才能工作：

当提供持续时间、普通对象或“完整”函数时，.hide()将成为动画方法。

这里有把小提琴

Answer 2

将$pause添加到HTML示例主体：

<body data-pause="<?=$pause?>" >

</body>

和js：

$("#div1").show();

setTimeout(function () {
    $("#div1").hide();
}, parseInt($('body').attr('data-pause'), 10));

Answer 3

如果您想让javascript保持行内，请将其写在html的末尾。

<script>
$("#div1").show(0).delay(<?php echo $pause; ?>).hide(0);
</script>

如果不想让代码内联，可以向元素中添加一个属性，并使用它：

例如：

<div id="div1" delaytime="<?php echo $pause; ?>">Hello World</div>

最后使用下面的javascript：

$("#div1").show(0).delay(jQuery(this).attr('data-pause')).hide(0);