博客
关于我
网页数字自动化加载,定时器使用有参函数
阅读量: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/

你可能感兴趣的文章
Nginx配置参数中文说明
查看>>
Nginx配置好ssl,但$_SERVER[‘HTTPS‘]取不到值
查看>>
Nginx配置实例-负载均衡实例:平均访问多台服务器
查看>>
Nio ByteBuffer组件读写指针切换原理与常用方法
查看>>
NIO Selector实现原理
查看>>
nio 中channel和buffer的基本使用
查看>>
NISP一级,NISP二级报考说明,零基础入门到精通,收藏这篇就够了
查看>>
NI笔试——大数加法
查看>>
NLP 基于kashgari和BERT实现中文命名实体识别(NER)
查看>>
Nmap扫描教程之Nmap基础知识
查看>>
Nmap端口扫描工具Windows安装和命令大全(非常详细)零基础入门到精通,收藏这篇就够了
查看>>
NMAP网络扫描工具的安装与使用
查看>>
NN&DL4.1 Deep L-layer neural network简介
查看>>
NN&DL4.3 Getting your matrix dimensions right
查看>>
NN&DL4.8 What does this have to do with the brain?
查看>>
No 'Access-Control-Allow-Origin' header is present on the requested resource.
查看>>
No Datastore Session bound to thread, and configuration does not allow creation of non-transactional
查看>>
No fallbackFactory instance of type class com.ruoyi---SpringCloud Alibaba_若依微服务框架改造---工作笔记005
查看>>
No module named cv2
查看>>
No module named tensorboard.main在安装tensorboardX的时候遇到的问题
查看>>