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

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

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

/*点击获取验证码*/
$(".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~~
下一篇
在小程序中查看

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

热门文章
周末,去太湖。
最近为啥没更新?
做梦
AntDesign Table Radio点击死循环导致页面卡死
九月。
已下架
专题标签
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) 其他分享 (3) 前端两三问 (15) 古镇 (1) 外滩 (1) 对象 (1) 小程序 (5) 年度总结 (6) 年终总结 (1) 微信机器人 (4) 微信相关技巧 (1) 打字机 (1) 技术 (1) 日常问题 (8) 日常问题记录 (1) 春天 (2) 服务器 (2) 油菜花 (1) 海族馆 (1) 生活 (8) 网上国网 (1) 记录 (3) 通勤 (1) 重学JavaScript (11) 面试题 (10) 🌸 (1)
什么是 Skill?
2026-08-12 21:32:42
148 1 0
失业在家,我给小朋友做了一个练字小程序!
2026-08-07 16:21:52
384 8 1
上线8年,15万用户的小程序,一共赚了多少钱?
2026-05-30 18:01:24
4,557 4 0
WordPress评论留言通知推送插件!
2025-12-13 17:22:36
3,662 3
3
  • 3
博主

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

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

开往-友链接力

萌ICP备20230818号

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