JavaScript没有进入下一个IF语句
JavaScript Not Advancing to the Next IF Statement
我不明白为什么我的程序不会移动到我的第一个分数=0之后的if语句。当我找到第一个城市时,第二个if语句没有触发,这将弹出警告窗口,告诉我们应该找到第二个城市。我不知道为什么分数=1的if语句没有激活。
<!DOCTYPE html>
<html>
<body>
<div id="map" style="width:100%;height:500px"></div>
<script>
var map;
var score;
score = 0;
function initMap() {
var chicago = {lat: 41.8781, lng: -87.6298};
var indianapolis = {lat: 39.7684, lng: -86.1581};
var oklahomaCity = {lat: 35.4819, lng: -97.5084};
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 0.0, lng: 0.0},
zoom: 1
});
var chicagoMarker = new google.maps.Marker({
position: chicago,
});
var oklahomaCityMarker = new google.maps.Marker({
position: oklahomaCity,
});
var indianapolisMarker = new google.maps.Marker({
position: indianapolis,
});
if (score==0) {
chicagoMarker.setMap(map);
chicagoMarker.setVisible(false);
window.alert("Find my first city!");
map.addListener('bounds_changed',function(){
zoom = map.getZoom();
console.log(zoom);
if (zoom ==2 && map.getBounds().contains(chicagoMarker.getPosition())){
window.alert("Good Start!");
}
if (zoom ==3 && map.getBounds().contains(chicagoMarker.getPosition())){
window.alert("Keep Going!");
}
if (zoom ==4 && map.getBounds().contains(chicagoMarker.getPosition())){
window.alert("Getting Closer!");
}
if (zoom ==5 && map.getBounds().contains(chicagoMarker.getPosition())){
window.alert("Closer!");
}
if (zoom ==6 && map.getBounds().contains(chicagoMarker.getPosition())){
window.alert("Keep Going!");
}
if (zoom ==7 && map.getBounds().contains(chicagoMarker.getPosition())){
window.alert("Almost There!");
}
if (zoom ==8 && map.getBounds().contains(chicagoMarker.getPosition())){
window.alert("You found Chicago! Your Score is: 1");
score = 1;
}
})
};
if (score==1) {
oklahomaCityMarker.setMap(map)
oklahomaCityMarker.setVisible(false);
window.alert("Find my second city!");
map.addListener('bounds_changed',function(){
zoom = map.getZoom();
console.log(zoom);
if (zoom ==2 && map.getBounds().contains(oklahomaCityMarker.getPosition())){
window.alert("Good Start!");
}
if (zoom ==3 && map.getBounds().contains(oklahomaCityMarker.getPosition())){
window.alert("Keep Going!");
}
if (zoom ==4 && map.getBounds().contains(oklahomaCityMarker.getPosition())){
window.alert("Getting Closer!");
}
if (zoom ==5 && map.getBounds().contains(oklahomaCityMarker.getPosition())){
window.alert("Closer!");
}
if (zoom ==6 && map.getBounds().contains(oklahomaCityMarker.getPosition())){
window.alert("Keep Going!");
}
if (zoom ==7 && map.getBounds().contains(oklahomaCityMarker.getPosition())){
window.alert("Almost There!");
}
if (zoom ==8 && map.getBounds().contains(oklahomaCityMarker.getPosition())){
window.alert("You found Chicago! Your Score is: 1");
google.maps.event.ClearListeners('bounds_changed');
}
})
score = score + 1;
google.maps.event.ClearListeners('bounds_changed');
};
if (score==2) {
indianapolisMarker.setMap(map)
indianapolisMarker.setVisible(false);
window.alert("Find my first city!");
map.addListener('bounds_changed',function(){
zoom = map.getZoom();
console.log(zoom);
if (zoom ==2 && map.getBounds().contains(indianapolisMarker.getPosition())){
window.alert("Good Start!");
}
if (zoom ==3 && map.getBounds().contains(indianapolisMarker.getPosition())){
window.alert("Keep Going!");
}
if (zoom ==4 && map.getBounds().contains(indianapolisMarker.getPosition())){
window.alert("Getting Closer!");
}
if (zoom ==5 && map.getBounds().contains(indianapolisMarker.getPosition())){
window.alert("Closer!");
}
if (zoom ==6 && map.getBounds().contains(indianapolisMarker.getPosition())){
window.alert("Keep Going!");
}
if (zoom ==7 && map.getBounds().contains(indianapolisMarker.getPosition())){
window.alert("Almost There!");
}
if (zoom ==8 && map.getBounds().contains(indianapolisMarker.getPosition())){
window.alert("You found Chicago! Your Score is: 2");
}
})
score = score + 1;
google.maps.event.ClearListeners('bounds_changed');
};
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCuvsCAF0gVmwv6AF0SoA3xBjV66RG4r7o&callback=initMap"
async defer></script>
</body>
</html>
它不会移动到下一个if
,因为window.alert
语句冻结了程序的执行,直到您解除它。考虑使用非阻塞式的弹出式组件,比如jQuery-ui dialog或Bootstrap-ui modal。
相关文章:
- 滚动到容器中的下一个元素-几乎到了
- 后焦点更改为IE 11中的地址栏,而不是转移到表单中的下一个控件
- 使用CSS或js,使用动态选择器选择任意li的下一个元素
- 使用ajax将数据从一个步骤发送到下一个步骤的3步表单
- AngularJS&JSON-从Previous&下一个对象
- 使用向下箭头键(与tab键一样)聚焦下一个输入
- 来自文档或下一个静态父级的事件委派
- 另一个if(!$scope.$$phase)$scope$apply()szenario-需要帮助才能通关
- angularjs移除焦点上的活动类并添加到下一个项目
- 禁用旋转木马中的下一个按钮和上一个按钮
- 当按下一个键时,请多次按下不同的键
- 正在加载下一个帖子
- 构建JS测试,警报窗口重复上一个Q,而不是问下一个Q
- 删除“;上一个“;以及“;下一个“;基于当前幻灯片
- 如何在不使用return的情况下跳过下一个if语句
- 为什么下面的if语句排除了一个'It’s和其他的一样
- 使用简单的 JavaScript 创建下一个和上一个按钮?if 语句
- javascript 日期或下一个日期基于一天中的时间和 if/else
- JavaScript没有进入下一个IF语句
- JavaScript和ASP.如何创建一个if语句来查看asp下拉控件的值?