Blazor实现setInterval功能

JavaScript的setInterval是一个实现定时调用的函数,即每隔一段时间重复执行一段逻辑,Blazor可以通过Timer来实现类似功能。示例代码如下:

public class MySlider : ComponentBase {
private System.Timers.Timer timer;
private int curIndex = 0;
[Parameter] public int Interval { get; set; } = 3000;
[Parameter] public SliderItem[] Items { get; set; }
protected override void OnInitialized() {
base.OnInitialized();
timer = new(Interval);
timer.Elapsed += (sender, eventArgs) => OnTimerCallback();
timer.Start();
}
private void OnTimerCallback() {
_ = InvokeAsync(() => {
curIndex++;
if (curIndex >= Items.Length)
curIndex = 0;
StateHasChanged();
}
}
}
posted @   known  阅读(117)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!
点击右上角即可分享
微信分享提示