Jquery 实现单页网站循环显示信息功能

<div id="toast" style="position: fixed; z-index: 999; top: 75%; text-align: center; width: 100%; display: none;">

<span id="toast_content" style="">消息提醒：来自珠海的郑女士刚添加了微信</span>

</div>

<script type="text/javascript">

/* toast start */

var area = ['北京', '广州', '郑州', '武汉', '珠海', '长沙', '淄博', '东莞', '昆山', '无锡', '阳江', '钦州', '天津', '厦门', '深圳', '株洲', '达州', '成都', '重庆', '北海', '福州', '梧州', '青海'];

var person = ['赵先生', '吴女士', '高先生', '郑女士', '刘先生', '王女士', '刘女士', '李先生', '罗先生', '罗先生', '黄女士', '孙女士', '刘先生', '何女士', '朱先生', '白女士', '陈女士', '邓女士', '叶先生'];

function showToast() {

var areaIndex = Math.round(Math.random() * (area.length - 1));

var personIndex = Math.round(Math.random() * (person.length - 1));

$("#toast_content").text("消息提醒：来自" + area[areaIndex] + "的" + person[personIndex] + "刚添加了微信");

$("#toast").fadeIn();

setTimeout("dismissToast()", 1000);

}

function dismissToast() {

$("#toast").fadeOut();

setTimeout("showToast()", 1000 + Math.round(Math.random() * 5000));

}

dismissToast();

</script>