Question

echo 'Removed from favorite art, Thanks '.(get_username($_SESSION['user_id'])).'~!';

我目前正在回应上述声明。我想这样做，所以文字只在屏幕上显示1或2秒，然后屏幕上没有文字......

所以（showonscreenfor1second（echo'Removed art';））

Answer 1

以下是我在其中一个网站上使用的示例：

PHP：

<?
if($save == "Save Changes"){
echo '<div id="message" >';
echo '<span>Your Settings Have Been Saved.</span>';
echo '</div>';
}
?>

Jquery的：

<script>
window.onload = $("#message").delay(3000).fadeOut(1000);
</script>

当然，要使用jQuery，您需要在<head>中添加库。我推荐Googles Hosting。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

为您添加JSFIDDLE，因为无论出于何种原因您都无法使用它。

Answer 2

这对我有用：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

<div id="message">the message goes here</div>

<script>$('#message').delay(3000).fadeOut('slow').hide(0);</script>

<script src="...>只要在$("#message")脚本之前完成就可以去任何地方。

这对我来说也适用，没有jquery：

<div id="message">the message goes here</div>

<script> 

    function fade(element) {
        var op = 1;  // initial opacity
        var timer = setInterval(function () {
            if (op <= 0.1){
                clearInterval(timer);
                element.style.display = 'none';
            }
            element.style.opacity = op;
            element.style.filter = 'alpha(opacity=' + op * 100 + ")";
            op -= op * 0.1;
        }, 50);
    } 

    var elem = document.getElementById("message");

    setTimeout(function(){fade(elem);}, 2000);

</script>

如何回显某些内容然后从屏幕上清除它？

2 个答案: