首页 > 编程语言 >小程序闪烁效果/ 微信小程序 实现视屏录制REC闪烁效果动画

小程序闪烁效果/ 微信小程序 实现视屏录制REC闪烁效果动画

时间:2024-03-18 11:46:53浏览次数:24  
标签:opacity 微信 程序 next animation REC 闪烁

data: {
animationData: {}
},

created() {
let animation = wx.createAnimation({
duration: 500,
// delay: 1000,
timingFunction: 'ease'
});
this.animation = animation;
let next = true;
timer = setInterval(function () {
if (next) {
this.animation.opacity(0.2).step();
next = !next;
} else {
this.animation.opacity(1).step()
next = !next;
}
this.setData({
animationData: animation.export()
})
}.bind(this), 500)
}

 

<view  animation="{{animationData}}">
       <view class="rec_radius"></view>
       <text class="small">REC</text>
</view>

 

 

标签:opacity,微信,程序,next,animation,REC,闪烁
From: https://www.cnblogs.com/shuihanxiao/p/18080002

相关文章

  • 在LabVIEW中编程运行可执行程序
    以下文字来自于https://knowledge.ni.com/KnowledgeArticleDetails?id=kA03q000000YGhVCAW&l=en-US翻译来自于ChatGPT3.5 在LabVIEW中,您可以使用SystemExecVI来编程调用可执行文件(*.exe)或应用程序。SystemExecVI接受一个字符串输入,在Windows命令提示符中执行该字符串;要启......
  • 整理h5进行微信支付的注意事项
    前言微信支付流程比支付宝的复杂的多限制也多,尤其是当你有多个公众号多个openid的时候,如何合理规划是非常重要的一环。我们首先需要在微信公众号申请开通微信支付功能,然后在用户进入我们页面时就触发授权(分为静默授权和手动授权),授权成功之后,拿到openid就可以进行创建订单--支......
  • 基于微信小程序的高校跑腿小程序,附源码
    博主介绍:✌程序员徐师兄、7年大厂程序员经历。全网粉丝15w+、csdn博客专家、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、Python技术领域和毕业项目实战✌......
  • 毕业设计3170篮球鞋推荐小程序的设计与实现【源代码+文档+调试+讲解视频】
    摘要本摘要简要介绍篮球鞋推荐小程序的开发背景、目的、主要功能以及实现的技术手段。系统分为服务器端和客户端,旨在为用户提供便捷的篮球鞋推荐和资讯服务,同时方便管理员进行后台管理。开发技术微信小程序;JSP技术;JAVA语言;MYSQL数据库微信小程序微信小程序是一种不需要......
  • 079基于深度学习的香蕉成熟度检测小程序版_含10多种模型
    代码下载和视频演示地址:079基于深度学习的香蕉成熟度检测小程序版_含10多种模型_哔哩哔哩_bilibili效果展示图如下:​代码文件展示如下: ​运行01数据集文本生成制作.py可以读取图片路径保存再txt文本中,运行02train.py可以对txt文本中的图片路径读取并训练模型,在02......
  • NILMTK程序运行
    NILM非侵入式负荷监测第三章NILMTK程序运行文章目录NILM非侵入式负荷监测公众号NILMTK安装完成之后,可以运行程序测试一下,官方给出了教程https://github.com/nilmtk/buildsys2019-paper-notebooks,但该教程是.ipynb格式,需要利用jupyternotebook打开,本文提供.py格......
  • PTA浙大版《C语言程序设计(第4版)》2—6
    练习2-6计算物体自由下落的距离一个物体从100米的高空自由落下。编写程序,求它在前3秒内下落的垂直距离。设重力加速度为10米/。输入格式:本题目没有输入。输出格式:按照下列格式输出height=垂直距离值代码长度限制  16KB时间限制  400ms内存限制  64MB......
  • 微信小程序第三章作业
    目录一、分析下列代码,实现如图页面布局。         主要分为2部分,wxml文件和wxss文件代码如下: 运行结果如下:​编辑二、 分析页面结构,实现如图效果。         wxml和wxss文件代码如下:    运行结果如下:一、分析下列代码,实现如图页面布局。......
  • 19笔试真题:看程序写结果,含有内嵌对象的类的构造函数调用次序
    看程序写结果,含有内嵌对象的类的构造函数调用次序#include<iostream>usingnamespacestd;classStudent1{public:Student1(){cout<<"Student1+"<<endl;}~Student1(){cout<<"-Student1"<<endl;}};classStudent......
  • C语言程序设计——实验报告 1
    *实验项目名称:实验一熟悉C语言运行环境*实验项目类型:验证性*实验日期:2023年3月14日一、实验目的下载安装Devc6.0程序。了解在该系统上如何进行编辑、编译、连接和运行一个C程序。通过运行简单的C程序了解C程序的特点。二、实验硬、软件环境Windows计算机、Devc6.0三、......