Question

我有一个点击计数器和一些功能，如何定义这些功能，例如：第十次单击应执行的功能？使用HTML，CSS，JavaScript。

试图在HTML的javascript中为我的点击计数器函数添加Intent intent=new Intent(this,MyAlarmService.class); PendingIntent myPendingIntent=PendingIntent.getBroadcast(this,0,intent,0); myAlarmManager.setRepeating(AlarmManager.RTC_WAKEUP,timeInMillis,AlarmManager.INTERVAL_DAY,myPendingIntent);子句，以激活应该播放声音的函数。但是我做错了，没有用-

if

点击计数器。为什么我不能添加：

var clicks = 0;
function counting() {
  clicks += 1;
  document.getElementById("clicks").innerHTML = clicks; 
}


<p>Clicks: <a id="clicks"></a></p>

然后使用以下方法播放声音：

if (clicks == 10) playSound();

使用HTML中的ID音频定义音频。

Answer 1

您的错误不是您使用“ ==” 的“ ===”

var clicks = 0;
function counting() {
  clicks++;
  document.getElementById("clicks").innerHTML = clicks;   
  if (clicks === 10) {
    playSound();
  }
}
var audio = document.getElementById("audio");
  function playSound() {
    audio.currentTime = 0;
    audio.play();
  }

<p onclick="counting();">Clicks: <a id="clicks"></a></p>
<audio id="audio" controls="">
  <source src="https://www.html-seminar.de/downloads/musikausschnitt-mike-coustic-memories.mp3" type="audio/mpeg">
</audio>

Answer 2

您可能需要使用eventListener来计算点击次数。参见https://www.w3schools.com/js/js_htmldom_eventlistener.asp。

如果您使用jQuery，则click（）方法可能会有所帮助。参见https://www.w3schools.com/jquery/event_click.asp。

对于在一定数量的点击后执行操作，您可能需要将两种方法都纳入您的计数器中。希望这会有所帮助！

Answer 3

我将为点击添加事件监听器，并且在每次点击后，它会检查clickcounter是否为== 10;

Var counter = 0

document.getElementById("clicks").addEventListener(‚click‘, () => {
 Counter++

 if (clicks == 10) {
   playSound() 
 }

})

Answer 4

尝试（相反，==可以使用>=多次运行功能）

document.onclick = e=> msg.innerHTML= (++counter==10) ? playSound() : counter ;

function playSound() { return "Play sound/ show picture" }
let counter=0;

<div id="msg">Click somewhere</div>

Answer 5

请回答下一个问题，您可以创建一个jsfiddle。

您需要的解决方案is here

不要忘记阅读有关javascript中的点击事件的信息。

单击一定次数后执行操作，例如显示图片

5 个答案: