如何回声然后从屏幕上清除？

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>添加该库。 我建议Google托管它。

<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>

只要在$("#message")脚本之前完成<script src="...> ，它就可以随处可见。

这也适用于我，没有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 个解决方案

解决方案1
2 2014-08-26 21:25:58

解决方案2
0 2014-08-27 13:34:03

如何回声然后从屏幕上清除？

问题描述

2 个解决方案

解决方案1 2 2014-08-26 21:25:58

解决方案2 0 2014-08-27 13:34:03

解决方案1
2 2014-08-26 21:25:58

解决方案2
0 2014-08-27 13:34:03