微信小程序动态文字

文字内容来回变换

index.wxml

<view class="changeContent">
  <view wx:if="{{testtrue}}">123</view>
  <view wx:else>456</view><!--让文字来回变化-->
</view>

index.wxss

.changeContent{
  font-size: 50px;
  color: red;
}

index.js

const app = getApp()

Page({
  data: {
    testtrue: true,
  },
  changeContent: function () {
    var isShow = this.data.testtrue;
    this.setData({ testtrue: !isShow })
  },
  onLoad: function () {
    var that = this;
    setInterval(function () {
      that.changeContent();
      console.log("轮播请求1秒触发一次");
    }, 1000)    //代表1秒钟发送一次请求
  },
})

效果

处于123和456之间来回变换