猿问

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

如何让JavaScript发出哔哔声？

如何让JavaScript发出哔哔声？

当用户超出我的最大字符数限制时，我希望我的网页发出蜂鸣声<textarea>。



长风秋雁
浏览 354回答 3
3回答

偶然的你

我写了一个函数，用新的Audio API发出蜂鸣声。var&nbsp;beep&nbsp;=&nbsp;(function&nbsp;()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;ctxClass&nbsp;=&nbsp;window.audioContext&nbsp;||window.AudioContext&nbsp;||&nbsp;window.AudioContext&nbsp;||&nbsp;window.webkitAudioContext&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;ctx&nbsp;=&nbsp;new&nbsp;ctxClass(); &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;function&nbsp;(duration,&nbsp;type,&nbsp;finishedCallback)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;duration&nbsp;=&nbsp;+duration; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;Only&nbsp;0-4&nbsp;are&nbsp;valid&nbsp;types. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type&nbsp;=&nbsp;(type&nbsp;%&nbsp;5)&nbsp;||&nbsp;0; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(typeof&nbsp;finishedCallback&nbsp;!=&nbsp;"function")&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;finishedCallback&nbsp;=&nbsp;function&nbsp;()&nbsp;{}; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;osc&nbsp;=&nbsp;ctx.createOscillator(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;osc.type&nbsp;=&nbsp;type; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//osc.type&nbsp;=&nbsp;"sine"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;osc.connect(ctx.destination); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(osc.noteOn)&nbsp;osc.noteOn(0);&nbsp;//&nbsp;old&nbsp;browsers &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(osc.start)&nbsp;osc.start();&nbsp;//&nbsp;new&nbsp;browsers &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;setTimeout(function&nbsp;()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(osc.noteOff)&nbsp;osc.noteOff(0);&nbsp;//&nbsp;old&nbsp;browsers &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(osc.stop)&nbsp;osc.stop();&nbsp;//&nbsp;new&nbsp;browsers &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;finishedCallback(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;duration); &nbsp;&nbsp;&nbsp;&nbsp;};})();jsFiddle。
0
打开App，查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript