zoukankan      html  css  js  c++  java
  • 小程序

    //index.js
    //获取应用实例
    let timer;   //let 相当于var
    let num =0;//定义全局变量
    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
        text:'',
        datas:[
          '123456',
          '234567',
          '345678',
          '456789',
          '567890'
        ]
      },
    
      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function (options) {
        console.log(this);
        this.timerGo();//调用自定义函数
      },
      timerGo:function(){
        let A=this; //调用该函数的对象(页面或者DOM)
        console.log(A);
        timer = setInterval(function(){
          if(num>=3){
            num=0;
          }
           A.setData({ //  
             text: A.data.datas[num]   //
           })
           num++;
        },3000)
      },
    
      /**
       * 生命周期函数--监听页面初次渲染完成
       */
      onReady: function () {
        
      },
    
      /**
       * 生命周期函数--监听页面显示
       */
      onShow: function () {
        
      },
    
      /**
       * 生命周期函数--监听页面隐藏
       */
      onHide: function () {
        
      },
    
      /**
       * 生命周期函数--监听页面卸载
       */
      onUnload: function () {
        
      },
    
      /**
       * 页面相关事件处理函数--监听用户下拉动作
       */
      onPullDownRefresh: function () {
        
      },
    
      /**
       * 页面上拉触底事件的处理函数
       */
      onReachBottom: function () {
        
      },
    
      /**
       * 用户点击右上角分享
       */
      onShareAppMessage: function () {
        
      }
    })

    页面内容

    <view>
    <view class='juzhong'>{{text}}</view>
    </view>
    
    <view>类似于div
    {{是json的键}}  
    {{text}}数据绑定
  • 相关阅读:
    Nightwatch的介绍
    reduce的用法及实例
    什么是声明式渲染?
    H5自带的表单验证
    Flex弹性布局
    JS中的forEach,for in,for of和for的遍历优缺点及区别
    将博客搬至CSDN
    9 外观模式(Facade)
    8 代理模式(Proxy)
    7 装饰模式(Decorator)
  • 原文地址:https://www.cnblogs.com/enych/p/8184696.html
Copyright © 2011-2022 走看看