自定义Toast函数

功能需求:有的toast不好用或者不符合产品样式,可以自定义一个toast函数,里面样式可以自己定义
/* Toast自定义函数 */
function Toast(msg, duration) {
    duration = isNaN(duration) ? 1500 : duration;
    var m = document.createElement('div');
    m.innerHTML = msg; //width:34%
    m.style.cssText = "width: 34%;min-width: 90px;height: auto;color: #fff;line-height: auto;text-align: center;border-radius: 5px;padding:10px;position: fixed;top: 40%;left: 33%;z-index: 999999;background: #696969;font-size: 14px;";
    document.body.appendChild(m);
    setTimeout(function () {
        var d = 0.5;
        m.style.webkitTransition = '-webkit-transform ' + d + 's ease-in, opacity ' + d + 's ease-in';
        m.style.opacity = '0';
        setTimeout(function () {
            document.body.removeChild(m)
        }, d * 1000);
    }, duration);
}

例如:直接使用:Toast('请输入手机号')

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,718评论 4 61
  • 今天晚上,我做完作业,帮妈妈干活,我先把刚刚烧开的水倒进暖壶里,可是,一滴一滴的水从水壶落下,像是下了一场...
    文喆加油阅读 3,043评论 0 2
  • 《史记》读的不多,但每当读到《李斯列传》一文,痴迷于文字和瞠目于李斯才智权谋之余,难免悲从中来。李斯是一个大...
    桑榆子集阅读 4,249评论 0 3
  • 感恩莲花生大士、十方诸佛菩萨护佑,感恩上师慈悲加持,让我忏悔,给我修行的机会,让我看到修行的意义。 感恩父母给予我...
    涵涵_a55c阅读 1,225评论 0 0
  • 我不能改变它,但我可以改变自己; 我不能改变它,但我可以改变自己; 我不能改变它,但我可以改变自己; 今天听讲之后...
    gaogao我想我是乐童阅读 1,234评论 0 0

友情链接更多精彩内容