卖坚果的怪叔叔 卖坚果的怪叔叔
  • 首页
  • 生活
  • 技术
  • 记录
  • 工具箱
  • 关于我
首页 › 技术 › 小技巧!前端JS实现过滤指定内容~

小技巧!前端JS实现过滤指定内容~

坚果大叔
2021-01-15 15:04:40技术阅读 5,359

/*点击获取验证码*/
$(".addCode").click(function(event) {
    var addCode = $(".addCode")
    verificationCode(addCode);
});
/*验证码的方法*/
function verificationCode(name) {
    var num = 20;
    var timer = setInterval(function() {
        num--;
        name.attr("disabled", "disabled").html(num + '秒后重试');
        if (num == 0) {
            clearInterval(timer);
            name.attr("disabled", false).html("重新获取");
        }
    }, 1000)
}

注意:只支持高版本Chrome浏览器

text-align-last:justify;
text-align:justify;
text-justify:distribute-all-lines;

function replaceText(words) {

    let text = '你是个傻逼,我才不想你这个傻逼呢。大傻逼!'
    for (var i = 0; i < words.length; i++) {
        document.body.innerHTML = text.replace(new RegExp(words[i], 'ig'), '**');
    };
}

const words = ['傻逼']; // 敏感词
replaceText(words)

// 你是个**,我才不想你这个**呢。大**!

// 最外层设置CSS

display: flex;
align-items: center;
flex-direction: column;

let groups = ['1','2','4','5','6','7','8','9','10'];

1.从数组groups中随机取出一个值

let value = groups[Math.floor(Math.random()*groups.length)];

value  // 10

2.随机从数组中随机取几个值

getRandomArrayValue(arr, num) {
    var sData = arr.slice(0), i = arr.length, min = i - num, item, index;
    while (i-- > min) {
        index = Math.floor((i + 1) * Math.random());
        item = sData[index];
        sData[index] = sData[i];
        sData[i] = item;
    }
    return sData.slice(min);
}

getRandomArrayValue(groups, 4)

// ["7", "8", "10", "2"]
CSS JavaScript
赞赏 赞(3)
本文系作者 @坚果大叔 原创发布在 卖坚果的怪叔叔。未经许可,禁止转载。
高处,不一样的风景
上一篇
Holiday end~~
下一篇
在小程序中查看

这是个😊,挣点服务器费用😜

热门文章
老家的桃树和梨树
Vue 安装 vuex sass 和 引入 Jq
Clean-Code-Js
生活就是每一帧每一秒
周末出行~
喵喵喵
专题标签
agent (1) CSS (15) dom (1) Es6入门系列 (14) Git (3) html (1) iview (1) JavaScript (9) js (4) Lif (1) Node (4) pyecharts (1) Python (10) ref (1) scriptable (1) Skill (1) vsCode (1) vue (4) wordpress (2) 三月 (1) 上海 (1) 假期 (1) 其他分享 (3) 前端两三问 (15) 古镇 (1) 外滩 (1) 对象 (1) 小程序 (5) 年度总结 (6) 年终总结 (1) 微信机器人 (4) 打字机 (1) 技术 (1) 日常问题 (8) 日常问题记录 (1) 春天 (2) 服务器 (2) 海族馆 (1) 生活 (8) 网上国网 (1) 记录 (3) 通勤 (1) 重学JavaScript (11) 面试题 (10) 🌸 (1)
什么是Agent?
2026-08-15 23:49:12
515 0 2
什么是 Skill?
2026-08-12 21:32:42
446 1 0
失业在家,我给小朋友做了一个练字小程序!
2026-08-07 16:21:52
892 10 1
上线8年,15万用户的小程序,一共赚了多少钱?
2026-05-30 18:01:24
4,831 4 0
3
  • 3
博主

一位佛系的前端开发者,略通摄影,乐于尝试新事物,热衷于美食。

友链
故事胶片
公众号
坚果大叔 执行上下文 卖坚果的怪叔叔 Dacking
Copyright © 2017-2026 卖坚果的怪叔叔

开往-友链接力

萌ICP备20230818号

苏ICP备18048410号-3
  • 首页
  • 生活
  • 技术
  • 记录
  • 工具箱
  • 关于我
# CSS # # JavaScript # # vue # # 微信 # # 生活 #
坚果大叔
345
文章
171
评论
432
喜欢