JavaScript - App transporte público

 
Vista:
sin imagen de perfil

App transporte público

Publicado por Javier (1 intervención) el 05/12/2018 16:13:20
Buenas tardes:

Me gustaría saber como crear una app de transporte público con javascript.
Sería para que según la hora y día, me apareciese una hora.

Por ejemplo:

Son las 16:10
Aeropuerto (1569)
Líneas: EA, 15, 26 y 30
Próximos pasos:
Línea EA - 3 minutos
Línea 30 - 5 minutos
Línea 15 - 7 minutos
Línea 26 - 10 minutos
Línea EA - 15 minutos
Línea 30 - más de 20 minutos (16:45)
...

Que cuando sean las 16:13
Aeropuerto (1569)
Líneas: EA, 15, 26 y 30
Próximos pasos:
Línea EA - >>>
Línea 30 - 2 minutos
Línea 15 - 4 minutos
Línea 26 - 7 minutos
Línea EA - 12 minutos
Línea 30 - más de 20 minutos (16:45)
...

Y cuando sean las 16:14
Aeropuerto (1569)
Líneas: EA, 15, 26 y 30
Próximos pasos:
Línea 30 - 1 minutos
Línea 15 - 3 minutos
Línea 26 - 6 minutos
Línea EA - 11 minutos
Línea 30 - más de 20 minutos (16:45)
...

Muchísimas gracias. Si pueden darme ejemplos...
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

App transporte público

Publicado por ScriptShow (692 intervenciones) el 06/12/2018 14:19:57
Saludos Javier,

un ejemplo simplificado como punto de partida:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<script>
function timer_(){
clock=new Date();
hour=clock.getHours();
minutes=clock.getMinutes();
seconds=clock.getSeconds();
print_clock="Son las: " + hour + ":" + minutes + ":" + seconds + " ";
document.getElementById("tnow").value = print_clock;
var dom=document.getElementsByTagName("span");
for (var i=0;i<dom.length;i++){dom[i].style.display="none"}
if (hour==16 && minutes==10){dom[0].style.display="block"}
if (hour==16 && minutes==11){dom[1].style.display="block"}
if (hour==16 && minutes==12){dom[2].style.display="block"}
if (hour==16 && minutes==13){dom[3].style.display="block"}
// Etc... del ejemplo simulado.
}
setInterval(timer_, 1000);
</script>
 
<input type="text" id="tnow" name="tnow" style="border:0">
 
<span style="display:none">
<pre>
Aeropuerto (1569)
Líneas: EA, 15, 26 y 30
Próximos pasos:
Línea EA - 3 minutos
Línea 30 - 5 minutos
Línea 15 - 7 minutos
Línea 26 - 10 minutos
Línea EA - 15 minutos
Línea 30 - más de 20 minutos (16:45)
...
</pre>
</span>
<span style="display:none">
<pre>
Aeropuerto (1569)
Líneas: EA, 15, 26 y 30
Próximos pasos:
Línea EA - 2 minutos
Línea 30 - 4 minutos
Línea 15 - 6 minutos
Línea 26 - 9 minutos
Línea EA - 14 minutos
Línea 30 - más de 20 minutos (16:45)
...
</pre>
</span>
<span style="display:none">
<pre>
Aeropuerto (1569)
Líneas: EA, 15, 26 y 30
Próximos pasos:
Línea EA - 1 minutos
Línea 30 - 3 minutos
Línea 15 - 5 minutos
Línea 26 - 8 minutos
Línea EA - 13 minutos
Línea 30 - más de 20 minutos (16:45)
...
</pre>
</span>
<span style="display:none">
<pre>
Aeropuerto (1569)
Líneas: EA, 15, 26 y 30
Próximos pasos:
Línea EA - 0 > > > >
Línea 30 - 2 minutos
Línea 15 - 4 minutos
Línea 26 - 7 minutos
Línea EA - 12 minutos
Línea 30 - más de 20 minutos (16:45)
...
</pre>
</span>

Es evidente que para muchos horarios en tiempo real, la técnica sería otra mucho más elaborada. Habría que dedicar tiempo...

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar