
- function ready(){
- if(${benefit==0}){
- $("#money").attr("disabled","disabled");
- }else{
- $("#money").removeAttr("disabled");
- }
-
- var now = new Date();
- var hours = now.getHours();
- var minutes = now.getMinutes();
- var mm=parseInt(hours)*60+parseInt(minutes);
- var marginleft=0;
-
- var strNow = now.getFullYear()+"-"+((now.getMonth()+1)<10?"0":"")+(now.getMonth()+1)+"-"+(now.getDate()<10?"0":"")+now.getDate();
- var date0 = strNow+" 00:00:01";
- date0 = new Date(Date.parse(date0.replace(/-/g, "/")));
- var date1 = strNow+" 09:15:00";
- date1 = new Date(Date.parse(date1.replace(/-/g, "/")));
- var date2 = strNow+" 14:50:00";
- date2 = new Date(Date.parse(date2.replace(/-/g, "/")));
- var date3 = strNow+" 15:16:00";
- date3 = new Date(Date.parse(date3.replace(/-/g, "/")));
- var date4 = strNow+" 16:00:00";
- date4 = new Date(Date.parse(date4.replace(/-/g, "/")));
- var date5 = strNow+" 24:00:00";
- date5 = new Date(Date.parse(date5.replace(/-/g, "/")));
-
-
-
- if(now>=date0&&now<=date1){
- marginleft=(mm/555*100)+"px";
- }else if(now>date1&&now<=date2){
- marginleft=((mm-555)/335*100+100)+"px";
- }else if(now>date2&&now<=date3){
- marginleft=((mm-890)/26*58+200)+"px";
- }else if(now>date3&&now<=date4){
- marginleft=((mm-916)/44*70+258)+"px";
- }else if(now>date4&&now<=date5){
- marginleft=((mm-960)/480*122+328)+"px";
- }
- $("#fubiao").css("margin-left",marginleft);
- }
-
- ready();
此处只是提供一个时间进度条的案例,让用户直观的看到当前能做的操作,并没有做时间指针自动移动,需要刷新页面才能看到指针移动,指针移动方法就请各位自行思考
横向时间进度条
原文:http://www.cnblogs.com/zhangxiaolei521/p/5903494.html