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

你可能感兴趣的文章
OpenCV:概念、历史、应用场景示例、核心模块、安装配置
查看>>
OpenDaylight融合OpenStack架构分析
查看>>
openEuler Summit 2022 成功举行,开启全场景创新新时代
查看>>
OpenFeign源码学习
查看>>
OpenFeign组件声明式服务调用
查看>>
OpenGL中shader读取实现
查看>>
OpenGL着色器、纹理开发案例
查看>>
openjudge 1792 迷宫 解析报告
查看>>
Openlayers Draw的用法、属性、方法、事件介绍
查看>>
Openlayers Select的用法、属性、方法、事件介绍
查看>>
Openlayers Source基础及重点内容讲解
查看>>
Openlayers view三要素(zoom,center,projection)及其他参数属性方法介绍
查看>>
openlayers 入门教程(九):overlay 篇
查看>>
openlayers 入门教程(二):map 篇
查看>>
openlayers 入门教程(五):sources 篇
查看>>
openlayers 入门教程(八):Geoms 篇
查看>>
openlayers 入门教程(十三):动画
查看>>
openlayers 入门教程(十五):与 canvas、echart,turf 等交互
查看>>
openlayers 入门教程(十四):第三方插件
查看>>
openlayers 入门教程(四):layers 篇
查看>>