如何控制组件显示时长

yhdata_lyaa 发表于 2024-9-10 17:29
强

朝花夕拾 发表于 2024-9-10 17:03
最终实现了这样的效果，选择一个日期后，下面文本框显示该日期，并在2s后消失。不知道是你想要的不
参考了 ...

感谢大佬，div里显示的是文本时时没问题的，但显示图片时，还是只有第一次有效果，麻烦大佬再给看看
if (日期过滤.firstDates != null && 日期过滤.secondDates != null) {
        param["显示内容"] = '<style>.fade-out {animation: fadeOut 1ms forwards; animation-delay: 2s;}@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;display: none;}}</style><div class="fade-out"><img src="https://img0.baidu.com/it/u=1027726058,1756453523&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1726160400&t=48ec207e29a0019be52fd5692421058b"></div>'
}

yhdata_r4OSBEnB 发表于 2024-9-11 10:46
感谢大佬，div里显示的是文本时时没问题的，但显示图片时，还是只有第一次有效果，麻烦大佬再给看看
if ( ...

param需要传一个会每次变化的变量进去，使脚本每次触发，css的内容不一样。这样才能每次有效果，比如我例子中的d就是起这个作用

yhdata_r4OSBEnB 发表于 2024-9-11 10:46
感谢大佬，div里显示的是文本时时没问题的，但显示图片时，还是只有第一次有效果，麻烦大佬再给看看
if ( ...

对css类添加一个时间标记试一下，达到每次html都不是同一个

1. if (日期过滤.firstDates != null && 日期过滤.secondDates != null) {
   
2.      ts=formatDate(now(), "MMddHHmmss");     // 月日时分秒   
   
3.     param["显示内容"] = '<style>.fade-out'+ts+' {animation: fadeOut 1ms forwards; animation-delay: 2s;}@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;display: none;}}</style><div class="fade-out'+ts+'"><img src="https://img0.baidu.com/it/u=1027726058,1756453523&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1726160400&t=48ec207e29a0019be52fd5692421058b"></div>'
   
4. }

复制代码

朝花夕拾 发表于 2024-9-11 10:49
param需要传一个会每次变化的变量进去，使脚本每次触发，css的内容不一样。这样才能每次有效果，比如我例 ...

明白了，感谢大佬，

yhbi老6了 发表于 2024-9-11 11:19
对css类添加一个时间标记试一下，达到每次html都不是同一个

, 感谢大佬，牛！