前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >网页标签闪烁 + 显示隐藏密码

网页标签闪烁 + 显示隐藏密码

作者头像
OBKoro1
发布2020-10-27 11:57:39
2.6K0
发布2020-10-27 11:57:39
举报
文章被收录于专栏:OBKoro1的前端分享

出自前端积累文档

感觉标签闪烁蛮有意思的,再加一篇凑一下字数。点击下方阅读原文,查阅文档,里面会有平时的积累。

网页标题/标签 闪烁

效果:

实现代码

代码语言:javascript
复制
let beforeTitle = document.title; // 原标签
let count = 0; // 切换title
function blinkNewMsg(val) {
  document.title =
    count % 2 == 0 ? `【   】${beforeTitle}` : `【${val}】${beforeTitle}`;
  count++;
}
setInterval(() => {
  blinkNewMsg('新消息');
}, 1000);

显示隐藏密码

超简单,就是切换input框的type类型:

代码语言:javascript
复制
function isShow() {
    let input = document.getElementById("inputId"); // input的dom
    if (input.type == "password") {
        input.type = 'text'; // 显示
    } else {
        input.type = 'password'; // 隐藏
    }
}

CodePen: demo

觉得还不错的话,给我的项目点个star

游泳、健身了解一下:博客、前端算法、公众号

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2018-11-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 OBKoro1前端进阶积累 微信公众号,前往查看

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 出自前端积累文档
    • 网页标题/标签 闪烁
      • 效果:
      • 实现代码
    • 显示隐藏密码
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档