辩论倒计时微信小程序源码

例如像美国大选那样的辩论,正反双方的发言都是有时间控制的。本微信小程序可以设置每次发言时间(立论、驳立论、质辩等的时间),而且可以设置提前15秒等提醒。

// pages/config/config.js
Page({
  data:{
    configs:{ // 初始化该对象值

    }
  },
  onLoad:function(options){
    // 页面初始化 options为页面跳转所带来的参数
    //读取缓存中的初始配置
    try {
        var configs = wx.getStorageSync('configs');
        this.setData({
          configs:configs
        })
    } catch (e) {
      console.log(e);
    }
  },
  onReady:function(){
    // 页面渲染完成
  },
  onShow:function(){
    // 页面显示
  },
  onHide:function(){
    // 页面隐藏
  },
  onUnload:function(){
    // 页面关闭
  },

  // 开关选择器事件
  switchChange:function(event){

    var id = event.currentTarget.id; //标识
    var configs = this.data.configs;
    var config = configs[id]; //获取之前的数据

    //如果对象不存在,创建一个新的对象
    if(!config){
        config = Object.create(null);
    }

    config.state = event.detail.value;
    
    configs[id] = config;

    this.setData({
      configs:configs
    });

    //把设置保存到缓存中中,便于计时页面的使用
    try {
        wx.setStorageSync('configs', configs);
    } catch (e) {
      console.log(e);
    }
  },

  // slider 事件
  sliderChange:function(event){
    var id = event.currentTarget.id; //标识
    var configs = this.data.configs;
    var config = configs[id]; //获取之前的数据
    
    //如果对象不存在,创建一个新的对象
    if(!config){
        config = Object.create(null);
    }

    config.time = event.detail.value;
    
    configs[id] = config;

    this.setData({
      configs:configs
    });
    //把设置保存到缓存中中,便于计时页面的使用
    try {
        wx.setStorageSync('configs', configs);
    } catch (e) {
      console.log(e);
    }
  },

  // 声音提醒 事件
  radioChange:function(event){
    var id = event.currentTarget.id; //标识
    var configs = this.data.configs;
    var config = configs[id]; //获取之前的数据
    
    //如果对象不存在,创建一个新的对象
    if(!config){
        config = Object.create(null);
    }

    config.voice = event.detail.value;
    
    configs[id] = config;

    this.setData({
      configs:configs
    });
    //把设置保存到缓存中中,便于计时页面的使用
    try {
        wx.setStorageSync('configs', configs);
    } catch (e) {
      console.log(e);
    }
  }

})

下载地址:工程代码

关注公众号“大模型全栈程序员”回复“小程序”获取1000个小程序打包源码。更多免费资源在http://www.gitweixin.com/?p=2627

发表评论

邮箱地址不会被公开。 必填项已用*标注