怎么在HTML5中实现签到功能
本篇文章给大家分享的是有关怎么在HTML5中实现签到 功能 ，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。
创新互联：自2013年起为各行业开拓出企业自己的“网站建设”服务，为1000+公司企业提供了专业的做网站、网站建设、网页设计和网站推广服务， 专业公司由设计师亲自精心设计，设计的效果完全按照客户的要求，并适当的提出合理的建议，拥有的视觉效果，策划师分析客户的同行竞争对手，根据客户的实际情况给出合理的网站构架，制作客户同行业具有领先地位的。
//生成日期数据
function buildData() {
var da = {
dates: [],//日期数据，从1号开始
current: '',//当前日期
monthFirst: 1,//获取当月的1日等于星期几
month: 0,//当前月份
days: 30,//当前月份共有多少天
day: 0,//今天几号了
isSigned: false,//今天是否已经签到
signLastDays:3,//连续签到日子
signToday: function () {
this.isSigned = true;
this.dates[this.day].isSigned = true;
},
};
var ds = [];
//初始化日期数据
var dt = new Date();
da.current = dt.ToString('yyyy年M月d日');
da.monthFirst = new Date(dt.getFullYear(), dt.getMonth(), 1).getDay();
da.month = dt.getMonth() + 1;
da.days = new Date(dt.getFullYear(), parseInt(da.month), 0).getDate();//获取当前月的天数
da.day = dt.getDate();
for (var i = 1; i < da.days + 1; i++) {
var o = {
isSigned: false,//是否签到了
num: i,//日期
isToday: i == da.day,//是否今天
isPass: i < da.day,//时间已过去
};
ds[i] = o;
}
da.dates = ds;
return da;
}有了数据之后，就可以将数据转换为界面了
//渲染数据
function renderData(da) {
var signDays = document.getElementById('spSignDays');
signDays.innerText = da.signLastDays;
var root = document.getElementById("signTable");
root.innerHTML = '';
var tr, td;
var st = da.monthFirst;
var dates = da.dates;
var rowcount = 0;
//最多6行
for (var i = 0; i < 42; i++) {
if (i % 7 == 0) {
//如果没有日期了，中断
if (i > (st + da.days))
break;
tr = document.createElement('tr');
tr.className = 'darkcolor trb';
root.appendChild(tr);
rowcount++;
}
//前面或后面的空白
if (i < st || !dates[i - st + 1]) {
td = document.createElement('td');
td.innerHTML = '