AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

javascript实现简单的新消息语音提醒功能

2023-07-21 230
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： javascript实现简单的新消息语音提醒功能

HTML消息提示层

<div id="remind"></div>

判断是否有新消息

    var newInfo = 1;
    if (newInfo == 1) {
        document.getElementById("remind").innerHTML = "<audio id=\"myAudio\" controls loop autoplay src=\"libs/597d8e98b4de2.mp3\"></audio>";
    }


Done !

文章标签：
JavaScript
前端开发
关键词：
JavaScript功能
漏刻有时
目录
相关文章
卓伊凡
|
6月前
|
JSON 自然语言处理 前端开发
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗？-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗？-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
卓伊凡
281 72
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗？-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
招财猫_Martin
|
6月前
|
前端开发 JavaScript
【Javascript系列】Terser除了压缩代码之外，还有优化代码的功能
Terser 是一款广泛应用于前端开发的 JavaScript 解析器和压缩工具，常被视为 Uglify-es 的替代品。它不仅能高效压缩代码体积，还能优化代码逻辑，提升可靠性。例如，在调试中发现，Terser 压缩后的代码对删除功能确认框逻辑进行了优化。常用参数包括 `compress`（启用压缩）、`mangle`（变量名混淆）和 `output`（输出配置）。更多高级用法可参考官方文档。
招财猫_Martin
426 11
派大鑫的工作室
|
11月前
|
JavaScript 前端开发
JavaScript分页功能
JavaScript分页功能
派大鑫的工作室
93 0
mao29955
|
11月前
|
JavaScript 前端开发 API
除了 Vue.js，还有哪些框架可以实现全屏显示功能？
【10月更文挑战第7天】
mao29955
335 121
李游Leo
|
8月前
|
JavaScript 前端开发 安全
盘点原生JS中目前最没用的几个功能API
在JavaScript的发展历程中，许多功能与API曾风光无限，但随着技术进步和语言演化，部分功能逐渐被淘汰或被更高效的替代方案取代。例如，`with`语句使代码作用域复杂、可读性差；`void`操作符功能冗余且影响可读性；`eval`函数存在严重安全风险和性能问题；`unescape`和`escape`函数已被`decodeURIComponent`和`encodeURIComponent`取代；`arguments`对象则被ES6的剩余参数语法替代。这些变化体现了JavaScript不断优化的趋势，开发者应紧跟技术步伐，学习新技能，适应新技术环境。
李游Leo
118 10
RossyYan
|
8月前
|
JavaScript 前端开发
【Vue.js】监听器功能（EventListener）的实际应用【合集】
而此次问题的核心就在于，Vue实例化的时机过早，在其所依赖的DOM结构尚未完整构建完成时就已启动挂载流程，从而导致无法找到对应的DOM元素，最终致使计算器功能出现异常，输出框错误地显示“{{current}}”，并且按钮的交互功能也完全丧失响应。为了让代码结构更为清晰，便于后续的维护与管理工作，我打算把HTML文件中标签内的JavaScript代码迁移到外部的JS文件里，随后在HTML文件中对其进行引用。
RossyYan
125 8
游客dng4gjyb342he
|
9月前
|
JavaScript 容器
带方向感知功能的js图片遮罩层插件
带方向感知功能的js图片遮罩层插件
游客dng4gjyb342he
122 20
哈你真皮
|
10月前
|
JavaScript 前端开发 容器
jQuery多功能滑块插件r-slider.js
r-slider.js是一款jQuery多功能滑块插件。使用该插件，可以制作出滑块、开关按钮、进度条、向导步骤等多种效果。
哈你真皮
147 5
疯狂的猿
|
10月前
|
JavaScript
js实现简洁实用的网页计算器功能源码
这是一款使用js实现简洁实用的网页计算器功能源码。可实现比较基本的加减乘除四则运算功能，界面简洁实用，是一款比较基本的js运算功能源码。该源码可兼容目前最新的各类主流浏览器。
疯狂的猿
163 2