前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >小技巧!前端JS实现过滤指定内容~

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

作者头像
执行上下文
发布2022-07-26 15:08:32
2.8K0
发布2022-07-26 15:08:32
举报
文章被收录于专栏:执行上下文执行上下文

1、JS实现验证码倒计时

代码语言:javascript
复制
/*点击获取验证码*/
$(".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)
}

2、CSS实现文字分散对齐

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

代码语言:javascript
复制
text-align-last:justify;
text-align:justify;
text-justify:distribute-all-lines;

3、JS过滤指定内容

代码语言:javascript
复制
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)

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

4、Div跟随另外一个Div高度自适应

代码语言:javascript
复制
// 最外层设置CSS

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

5、JS随机从数组中取指定值

代码语言:javascript
复制
let groups = ['1','2','4','5','6','7','8','9','10'];
1.从数组groups中随机取出一个值
代码语言:javascript
复制
let value = groups[Math.floor(Math.random()*groups.length)];

value  // 10
2.随机从数组中随机取几个值
代码语言:javascript
复制
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"]
本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2021-01-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 执行上下文 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1、JS实现验证码倒计时
  • 2、CSS实现文字分散对齐
  • 3、JS过滤指定内容
  • 4、Div跟随另外一个Div高度自适应
  • 5、JS随机从数组中取指定值
    • 1.从数组groups中随机取出一个值
      • 2.随机从数组中随机取几个值
      相关产品与服务
      验证码
      腾讯云新一代行为验证码(Captcha),基于十道安全栅栏, 为网页、App、小程序开发者打造立体、全面的人机验证。最大程度保护注册登录、活动秒杀、点赞发帖、数据保护等各大场景下业务安全的同时,提供更精细化的用户体验。
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档