微信小程序：跑马灯

最新推荐文章于 2024-09-30 14:06:00 发布

00不吃香菜.

最新推荐文章于 2024-09-30 14:06:00 发布

阅读量67

点赞数

文章标签：微信小程序前端小程序

本文链接：https://blog.csdn.net/llj1028/article/details/128910003

版权

跑马灯

wxtm

<view class="btnBox">
  <button bindtap="start">开始</button>
  <button bindtap="stop">暂停</button>
</view>

<view class="list">
  {{msg}}
</view>
<view class="getValue">
  <input type="text" value="{{inputValue}}" bindinput="getInput" class="inputVal" />
  <button bindtap="getVal" class="btnGet" size="mini">getVal</button>
</view>

Page({
  /**
   * 页面的初始数据
   */
  data: {
    msg:'todo...list列表!!!!!!!',
    //计时器
    timer:null,
  },
  //开始
  start(){
    this.data.timer = setInterval(()=>{
      this.setData({
        msg:this.data.msg.slice(1)+this.data.msg[0]
      })
    },200)
    console.log(this.data.timer);
  },
  //暂停
  stop(){
    clearInterval(this.data.timer)
  },