Day: 2022年7月7日

css 两种颜色闪烁 js设置颜色闪烁的两种方法

admin web前端 暂无评论 1,145 浏览

css 两种颜色闪烁 js设置颜色闪烁的两种方法

 

第一种：无序闪烁

 

 function changeColor() { 
         var color="orange|#FFFFFF"; 
         color=color.split("|");
         $("#setxfld").css("background",color[parseInt(Math.random() * color.length)]);
         xfld.attr('fill',color[parseInt(Math.random() * color.length)]);
     }

 

setInterval('changeColor()',1000);

 

 

第二种：有序闪烁

 

  var colorFlag = 0;
  function changeColor() { 
         if (!colorFlag)
         {
        	 $("#setxfld").css("background","#FF9B1A");
        	 colorFlag = 1;
         }else{
…
Read more

JavaScript – PC 端通过纯 js 播放音频文件（播放提示音）

admin web前端 暂无评论 926 浏览

前言

有时候，我们可能有这样一个需求，当到达条件时，网页会播放一个提示音告知用户。

实现

当然，你也可以写一个 标签，通过 js 获取 DOM，来操作。

// 创建<audio>标签(参数:音频文件路径)
const audio = new Audio('x.mp3');

// 业务逻辑
if(1){
  //...
  // 播放声音
  audio.play();
}

 

…

    
Read more