大概是个这样的效果。
——————————
2 4
——————————
/*已经预约成功人数 0:00-8:00 个数小于等于10,8:00-12:00 个数小于等于40,12:00-18:00 个数小于等于60,18:00-24:00 个数小于等于80 (不知道怎么弄?大佬给个思路吧)*/
—————————— marquee
李某某 A-Z OK
李某某 A-Z OK
李某某 A-Z OK
李某某 A-Z OK
_____________________marquee
// 姓随机(已实现),A-Z随机(已实现)
下面帖源码
——————————
2 4
——————————
/*已经预约成功人数 0:00-8:00 个数小于等于10,8:00-12:00 个数小于等于40,12:00-18:00 个数小于等于60,18:00-24:00 个数小于等于80 (不知道怎么弄?大佬给个思路吧)*/
—————————— marquee
李某某 A-Z OK
李某某 A-Z OK
李某某 A-Z OK
李某某 A-Z OK
_____________________marquee
// 姓随机(已实现),A-Z随机(已实现)
下面帖源码
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>按时间显示随机数</title>
<SCRIPT type=text/javascript src="cssjs/jquery-1.4.4.min.js"></SCRIPT>
<SCRIPT type=text/javascript src="cssjs/main.js"></SCRIPT>
</head>
<body>
<DIV class=gua-hao>
<UL>
<LI>1</LI>
<LI>2</LI></UL>
<DIV id=JS-registItem class=gun-dong>
<UL>
<LI>崔XX<SPAN></SPAN>A<SPAN></SPAN>OK</LI>
<LI>姜XX<SPAN></SPAN>A<SPAN></SPAN>OK</LI>
<LI>徐XX<SPAN></SPAN>A<SPAN></SPAN>OK</LI>
<LI>吴XX<SPAN></SPAN>A<SPAN></SPAN>OK</LI></UL></DIV>
</DIV>
</body>
</html>
HTML
function Template(str) {
this.str = str;
}
Template.prototype.formate = function () {
var arg = arguments[0]instanceof Array ? arguments[0] : arguments;
return this.str.replace(/\{(\d+)\}/g, function () {
return arg[arguments[1]] || '';
});
}
function SKrand() {
var offset = 14;
var now = new Date();
if (now.getHours() < 8) {
return 0;
}
return Math.floor(Math.sin((now.getHours()-8) / offset * (Math.PI / 2)) * 98);
}
function getPerson() {
var firstName = ['赵', '钱', '孙', '李', '周', '吴', '郑', '王', '冯', '陈', '褚', '卫',
'蒋', '沈', '韩', '杨', '朱', '秦', '尤', '许', '何', '吕', '施', '张', '孔', '曹', '严',
'华', '金', '魏', '陶', '姜', '戚', '谢', '邹', '喻', '柏', '水', '窦', '章', '云', '苏',
'潘', '葛', '奚', '范', '彭', '郎', '鲁', '韦', '昌', '马', '苗', '凤', '花', '方', '俞',
'任', '袁', '柳', '酆', '鲍', '史', '唐', '费', '廉', '岑', '薛', '雷', '贺', '倪', '汤',
'滕', '殷', '罗', '毕', '郝', '邬', '安', '常', '乐', '于', '时', '傅', '皮', '卞', '齐',
'康', '伍', '余', '元', '卜', '顾', '孟', '平', '黄'];
return firstName[Math.floor(Math.random() * (firstName.length - 1))];
}
function getSick() {
var sick = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T'];
return sick[Math.floor(Math.random() * (sick.length - 1))];
}
var todayRegistHTMLTemp = new Template('<li>{0}</li><li>{1}</li>');
var todayRegistTotal = SKrand();
window.todatRegistHTML = todayRegistHTMLTemp.formate(Math.floor(todayRegistTotal / 15), todayRegistTotal % 10);
var registItemTemp = new Template('<li>{0}某某<span></span>{1}<span></span>成功啦!</li>');
var count = Math.floor(Math.random() * 57) + 12;
var item = [];
for (var i = 0; i < count; ++i) {
item.push(registItemTemp.formate(getPerson(), getSick()));
}
window.registItem = '<ul>' + item.join('') + item.join('') + '</ul>';
})(window);
(function ($) {
$(document).ready(function () {
$('div.gua-hao > ul').html(window.todatRegistHTML);
$('#JS-registItem').html(window.registItem);
$('div.bzl > dl').hover(function () {
$('div.bzl-abs', this).fadeIn();
}, function () {
$('div.bzl-abs', this).fadeOut();
});
var OI = {};
OI.id = document.getElementById('JS-registItem');
OI.halfHeight = OI.id.scrollHeight / 2;
OI.timer = null;
OI.id.onmouseout = function () {
OI.timer = setInterval(function () {
OI.id.scrollTop >= OI.halfHeight ? OI.id.scrollTop=0 : ++OI.id.scrollTop;
}, 16);
};
OI.id.onmouseover = function () {
clearInterval(OI.timer);
};
OI.id.onmouseout();
});
})(jQuery);
main.js 坐等大佬。
<LI>1</LI>
<LI>2</LI></UL>
楼主想在1,2这2个地方根据时间显示10,40,60,80这4个数?