基于Java脚本语言实现每日签到打卡轨迹功能

本文实例为大家分享了射流研究…实现每日签到打卡轨迹功能的具体代码，供大家参考，具体内容如下

1.核心文件日历。射流研究…

var calUtil={ //当前日历显示的年份showYear:2018，//当前日历显示的月份showMonth:1，//当前日历显示的天数showDays:1，eventName:'load '，//初始化日历init :函数(符号列表){ calutil。setmonthandday()；卡鲁提尔。抽签(签名列表)；}，draw:function(signList){ //绑定日历var str=calutil。绘制cal(calutil。显示年份、calUtil.showMonth、标志列表)；$(“# calendar”).html(字符串);//绑定日历表头var日历名称=calutil。“展示年”年' calUtil.showMonth '月；$('.日历_月_跨度')。html(日历名称)；}, //获取当前选择的年月setmonthandday : function(){ switch(calutil。事件名称){ case ' load ' : var current=new Date()；卡鲁提尔。显示年份=当前。getfull year()；卡鲁提尔。显示月份=当前月份。get month()1；打破；case 'prev': var nowMonth=$(' .日历_月_跨度')。html().拆分('年')[1].拆分('月')[0];卡鲁提尔。show month=parsent(现在的月份)-1；if(calutil。show month==0){ calutil。显示月份=12；卡鲁提尔。显示年份-=1；}休息案例“next”: var now month=$().日历_月_跨度')。html().拆分('年')[1].拆分('月')[0];卡鲁提尔。show month=parsent(现在的月份)1；if(calutil。show month==13){ calutil。显示月份=1；卡鲁提尔。显示年份=1；} break} }，getDaysInmonth :函数(iMonth，iYEAR){ var dPrevDate=new Date(iYEAR，iMonth，0)；返回dprevdate。getdate()；}，bulidCal :函数(iYear，iMonth){ var aMonth=new Array()；aMonth[0]=新数组(7);aMonth[1]=新数组(7);aMonth[2]=新数组(7);aMonth[3]=新数组(7);aMonth[4]=新数组(7);aMonth[5]=新数组(7);aMonth[6]=新数组(7);var dCalDate=新日期(iYear，iMonth - 1，1)；var idayofyrist=DCALDATE。GetDay()；var iDaysInMonth=calutil。getdaysinmonth(iMonth，iYear)；var iVarDate=1；var d，w；' aMonth[0][0]='日；' aMonth[0][1]='一；' aMonth[0][2]='二；' aMonth[0][3]='三；' aMonth[0][4]='四；' aMonth[0][5]='五；' aMonth[0][6]='六；for(d=IDAYofRefist；D7；d){ aMonth[1][d]=iVarDate；(w=2；w 7；w){ for(d=0；D7；d){ if(iVarDate=idaysnmonth){ aMonth[w][d]=iVarDate；iVarDate} } }返回第{ 0 }个，如果已注册：函数(signList，day){ var signed=false；$.每个(签名列表，函数(索引，项目){ if(项目。sign day==day){ sign=true；返回false } })；已签名的退货；}，drawCal :函数(iYear，iMonth，sign list){ var myMonth=calutil。bulidcal(iYear，iMonth)；var html s=new Array()；html s . push(' div class=' sign _ main ' id=' sign _ layer ' ')；html s . push(' div class=' sign _ suc _ calendar _ title ' ')；html s . push(' div class=' calendar _ month _ span '/div ')；html s . push('/div ')；html s . push(' div class=' sign ' id=' sign _ cal ' ')；html s . push(' table ')；var d，w；for(w=1；w 7；w){ html s . push(' tr ')；for(d=0；D7；d){ var ifHasSigned=calutil。ifHasSigned(签名列表，我的月份[w][d])；控制台。日志(如果有设计)；if(ifHasSigned){ html s . push(' TD class=' on ')(！isNaN(myMonth[w][d])？myMonth[w][d]: ' ')'/TD ')；} else { htmls.push('td '(！isNaN(myMonth[w][d])？myMonth[w][d]: ' ')'/TD ')；} } html s . push('/tr ')；} html s . push('/table ')；html s . push('/div ')；html s . push('/div ')；返回html s . join(" ")；}};2.页面射流研究…引入

脚本src=' http : jquery。量滴js '/script script src=' http : ~ calendar。js '/脚本3.0后台拉取会员已经签到的打卡轨迹，填充到表格中去。

var sign list=[{ ' sign day ' : ' 23 ' }，{'signDay':'24'}，{'signDay':'25'}，{'signDay':'26'}，{ ' sign day ' : ' 30 ' }]；//填充到日历表格中卡鲁提尔。init(SignList)；4.效果图

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。