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

你可能感兴趣的文章
php 2条不一样 的json数据 怎么放在一个json里面_如果你是PHP开发者,请务必了解一下Composer...
查看>>
php 360 不记住密码,JavaScript_多种方法实现360浏览器下禁止自动填写用户名密码,目前开发一个项目遇到一个很 - phpStudy...
查看>>
regExp的match、exec、test区别
查看>>
php 404 自定义,APACHE 自定义404错误页面设置方法
查看>>
PHP 5.3.0以上推荐使用mysqlnd驱动
查看>>
php aes sha1解密,PHP AES加密/解密
查看>>
php CI框架单个file表单多文件上传例子
查看>>
reflow和repaint引发的性能问题
查看>>
php csv 导出
查看>>
php curl 实例+详解
查看>>
php curl_init函数用法(http://blog.sina.com.cn/s/blog_640738130100tsig.html)
查看>>
php curl_multi批量发送http请求
查看>>
php echo 输出 锘?... 乱码问题
查看>>
ReferenceQueue的使用
查看>>
Referenced classpath provider does not exist: org.maven.ide.eclipse.launchconfig
查看>>
Refactoring-Imporving the Design of Exsiting Code — 代码的坏味道
查看>>
PHP imap 远程命令执行漏洞复现(CVE-2018-19518)
查看>>
php include和require
查看>>
ref 和out 区别
查看>>
php JS 导出表格特殊处理
查看>>