首页 >> js开发 >> js微信小程序以7天为周期连续签到7天功能效果的示例代码js大全
js微信小程序以7天为周期连续签到7天功能效果的示例代码js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
此功能以1,2,3,4,5,6,7这样为一周期,连续签到的功能;
通过计算是否为整除7天计算,每7天后切换数目,从而改变周期表、此功能以1,2,3,4,5,6,7这样为一周期,连续签到的功能;本案例只是提供案例的基本操作,进一步涉及:每日用户集的监听(日历表,签到统计,连续签到,签到中断,后端数据处理)等等功能需自行在搞掂哈~如果图如下:如果图如下:wxml结构wxml结构
已连续签到
天
连续签到7日后每日得3分
日期开始:{{min}}
日期结束:{{max}}
签到数:{{signNum}}天
切换周期的倍数:{{be}}
已连续签到
天
连续签到7日后每日得3分
日期开始:{{min}}
日期结束:{{max}}
签到数:{{signNum}}天
切换周期的倍数:{{be}}
js功能js功能
// pages/signIn/signIn.js
//获取应用实例
const app = getApp();
Page({
/**
* 页面的初始数据
*/
data: {
//img_url: config.imgUrl, //图片地址
//签到模块
signNum: 0, //签到数
signState: false, //签到状态
min: 1, //默认值日期第一天1
max: 7, //默认值日期最后一天7
be: 0 //默认倍数
},
//签到
bindSignIn(e) {
var that = this,
num = e.currentTarget.dataset.num;
num++
wx.showToast({
icon: 'success',
title: '签到成功',
})
that.setData({
signNum: num,
//signState: true
})
var min = e.currentTarget.dataset.min,
max = e.currentTarget.dataset.max,
be = e.currentTarget.dataset.be;
if (num % 7 == 0) {
be += 1;
that.setData({
be: be
})
}
if (num == 7 * be + 1) {
that.setData({
min: 7 * be + 1,
max: 7 * be + 7
})
}
},
})
// pages/signIn/signIn.js
//获取应用实例
const app = getApp();
Page({
/**
* 页面的初始数据
*/
data: {
//img_url: config.imgUrl, //图片地址
//签到模块
signNum: 0, //签到数
signState: false, //签到状态
min: 1, //默认值日期第一天1
max: 7, //默认值日期最后一天7
be: 0 //默认倍数
},
//签到
bindSignIn(e) {
var that = this,
num = e.currentTarget.dataset.num;
num++
wx.showToast({
icon: 'success',
title: '签到成功',
})
that.setData({
signNum: num,
//signState: true
})
var min = e.currentTarget.dataset.min,
max = e.currentTarget.dataset.max,
be = e.currentTarget.dataset.be;
if (num % 7 == 0) {
be += 1;
that.setData({
be: be
})
}
if (num == 7 * be + 1) {
that.setData({
min: 7 * be + 1,
max: 7 * be + 7
})
}
},
})有什么错误或优化的地方,可以提出来,大家一起学习研究…完整案例可访问本人github:https://github.com/xiexikang/xcx-signIn完整案例可访问本人github参考:
参考:
[js仿淘宝收货地址列表,设置默认地址]
[微信小程序签到积分案列]
[微信小程序canvas生成分享图片到相册的案例][js仿淘宝收货地址列表,设置默认地址][微信小程序签到积分案列]微信小程序canvas生成分享图片到相册的案例]
通过计算是否为整除7天计算,每7天后切换数目,从而改变周期表、此功能以1,2,3,4,5,6,7这样为一周期,连续签到的功能;本案例只是提供案例的基本操作,进一步涉及:每日用户集的监听(日历表,签到统计,连续签到,签到中断,后端数据处理)等等功能需自行在搞掂哈~如果图如下:如果图如下:wxml结构wxml结构
// pages/signIn/signIn.js
//获取应用实例
const app = getApp();
Page({
/**
* 页面的初始数据
*/
data: {
//img_url: config.imgUrl, //图片地址
//签到模块
signNum: 0, //签到数
signState: false, //签到状态
min: 1, //默认值日期第一天1
max: 7, //默认值日期最后一天7
be: 0 //默认倍数
},
//签到
bindSignIn(e) {
var that = this,
num = e.currentTarget.dataset.num;
num++
wx.showToast({
icon: 'success',
title: '签到成功',
})
that.setData({
signNum: num,
//signState: true
})
var min = e.currentTarget.dataset.min,
max = e.currentTarget.dataset.max,
be = e.currentTarget.dataset.be;
if (num % 7 == 0) {
be += 1;
that.setData({
be: be
})
}
if (num == 7 * be + 1) {
that.setData({
min: 7 * be + 1,
max: 7 * be + 7
})
}
},
})
// pages/signIn/signIn.js
//获取应用实例
const app = getApp();
Page({
/**
* 页面的初始数据
*/
data: {
//img_url: config.imgUrl, //图片地址
//签到模块
signNum: 0, //签到数
signState: false, //签到状态
min: 1, //默认值日期第一天1
max: 7, //默认值日期最后一天7
be: 0 //默认倍数
},
//签到
bindSignIn(e) {
var that = this,
num = e.currentTarget.dataset.num;
num++
wx.showToast({
icon: 'success',
title: '签到成功',
})
that.setData({
signNum: num,
//signState: true
})
var min = e.currentTarget.dataset.min,
max = e.currentTarget.dataset.max,
be = e.currentTarget.dataset.be;
if (num % 7 == 0) {
be += 1;
that.setData({
be: be
})
}
if (num == 7 * be + 1) {
that.setData({
min: 7 * be + 1,
max: 7 * be + 7
})
}
},
})有什么错误或优化的地方,可以提出来,大家一起学习研究…完整案例可访问本人github:https://github.com/xiexikang/xcx-signIn完整案例可访问本人github参考:
参考:
[js仿淘宝收货地址列表,设置默认地址]
[微信小程序签到积分案列]
[微信小程序canvas生成分享图片到相册的案例][js仿淘宝收货地址列表,设置默认地址][微信小程序签到积分案列]微信小程序canvas生成分享图片到相册的案例]
相关文章:
- js微信小程序中target和currentTarget的区别小结js大全
- js解决element-ui的下拉框有值却无法选中的情况js大全
- jsVant 中的Toast设置全局的延迟时间操作js大全
- js如何实现小程序与小程序之间的跳转js大全
- jsArray.filter中如何正确使用Asyncjs大全
- jsnuxt 服务器渲染动态设置 title和seo关键字的操作js大全
- js解决vue项目中遇到 Cannot find module ‘chalk‘ 报错的问题js大全
- jsvant组件中 dialog的确认按钮的回调事件操作js大全
- jsNuxt 项目性能优化调研分析js大全
- js微信小程序实现自定义动画弹框/提示框的方法实例js大全