博客
关于我
网页数字自动化加载,定时器使用有参函数
阅读量:199 次
发布时间:2019-02-28

本文共 1843 字,大约阅读时间需要 6 分钟。

实现自动化增加

问题背景

某些场景下需要实现数字的自动递增显示,例如实时数据更新、自动化测试等

解决方案

通过JavaScript和jQuery实现对多个位置的自动递增功能

实现细节

代码逻辑解析及优化

核心代码逻辑

$(function name(params) {

let sum = 1000; // 后台数据初始化值

function add() {

let ks = $('#num').find('i').text() == '' ? 0 : parseInt($('#num').find('i').text());

if (sum > ks) {

$('#num').find('i').html(ks + 1);

} else {

clearInterval(addauto);

功能扩展

基于上述基础实现多位置自动递增

代码注释

代码主要包含两个部分:通用递增函数和特定场景处理

通过闭包返回自定义递增函数

支持多个位置独立设置递增规则

示例应用

在实际应用中,可根据需要配置递增频率和初始值

例如:

autoAdd(obj, 1000);

其中 obj 是需要显示的对象,1000 是初始递增值

转载地址:http://sgii.baihongyu.com/

你可能感兴趣的文章
Netty工作笔记0027---NIO 网络编程应用--群聊系统2--服务器编写2
查看>>
Netty工作笔记0050---Netty核心模块1
查看>>
Netty工作笔记0057---Netty群聊系统服务端
查看>>
Netty工作笔记0060---Tcp长连接和短连接_Http长连接和短连接_UDP长连接和短连接
查看>>
Netty工作笔记0063---WebSocket长连接开发2
查看>>
Netty工作笔记0070---Protobuf使用案例Codec使用
查看>>
Netty工作笔记0072---Protobuf内容小结
查看>>
Netty工作笔记0077---handler链调用机制实例4
查看>>
Netty工作笔记0081---编解码器和处理器链梳理
查看>>
Netty工作笔记0084---通过自定义协议解决粘包拆包问题2
查看>>
Netty工作笔记0085---TCP粘包拆包内容梳理
查看>>
Netty常用组件一
查看>>
Netty常见组件二
查看>>
netty底层源码探究:启动流程;EventLoop中的selector、线程、任务队列;监听处理accept、read事件流程;
查看>>
Netty心跳检测
查看>>
Netty心跳检测机制
查看>>
Netty核心模块组件
查看>>
Netty框架内的宝藏:ByteBuf
查看>>
Netty框架的服务端开发中创建EventLoopGroup对象时线程数量源码解析
查看>>
Netty源码—2.Reactor线程模型一
查看>>