problema visualizzazione javascript su mobile

Buongiorno a tutti,
premetto che sono abbastanza neofita dell'argomento e mi sto cimentando ora per la prima volta a fare un sito tutto mio.
Ho usato un template responsive, e visualizzavo abbastanza bene il sito su tutti i device, da desktop al mobile. Nel momento in cui ho inserito il seguente script nella homepage, nei mobile vedo solo una pagina bianca in cui si vede solo le scritte che mi fa visualizzare lo script.
Se può servire il sito è questo

lo script è quello che fa vedere il countdown...

il codice è il seguente:

<div  id="count_box" >
    <table  class ="count_desktop" style="background-image: url('images/bg_countdown.gif'); border: 1px dotted #b32682; text-align: center; font-family: 'Indie Flower', cursive; font-size: 12pt; color: #b32682; width: 400px; margin: auto;">
	<tbody>
	    <tr>
		<td><img src="images/sposini.png" alt="" width="102" height="108"/></td>
		<td>
		    <script type="text/javascript">
			var before = "Ludovica & Alessandro ";
			var current = "Ludovica & Alessandro... Oggi sposi!!!";
			var montharray = new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
			function countdown(yr, m, d) {
			    var today = new Date();
			    var todayy = today.getYear();
			    if (todayy < 1000) {
				todayy += 1900;
			    }
			    var todaym = today.getMonth();
			    var todayd = today.getDate();
			    var todaystring = montharray[todaym] + " " + todayd + ", " + todayy;
			    var futurestring = montharray[m - 1] + " " + d + ", " + yr;
			    var difference = (Math.round((Date.parse(futurestring) - Date.parse(todaystring)) / (24 * 60 * 60 * 1000)) * 1);
			    if (difference === 0) {
				document.write(current);
			    } else if (difference > 0) {
				document.write(before + "<br>...Sposi tra " + difference + " giorni!!");
			    } else if (difference < 0) {
				var da_gg = (difference * (-1));
				document.write("Ludovica e Alessandro sposi da " + da_gg + " giorni!!");
			    }
			}
			countdown(2014, 5, 31);

		    </script>
		</td>
	    </tr>
	</tbody>
    </table>
</div>

In più su ie8 ho pure il seguente errore:

Dettagli errore pagina Web

Agente utente: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; InfoPath.2; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; .NET4.0C)
Timestamp: Fri, 5 Apr 2013 07:52:51 UTC


Messaggio: 'gadgets' non è definito
Linea: 152
Carattere: 415
Codice: 0
URI: http://hangoutsapi.talkgadget.googl...angout.js?v=1.4

Spero di essere stata chiara e che mi sappiate aiutare! vorrei non dover eliminare il countdown!


Grazie

[karl94]

Prova così:

<script type="text/javascript">
	//<![CDATA[
	var difference = 0|1+(new Date(2014, 4, 31)-Date.now())/864e5;
	document.write("Ludovica & Alessandro");
	if(difference == 0){
		document.write("... Oggi sposi!!!");
	}else{
		if(difference > 0){
			document.write("<br />... Sposi tra "+difference);
		}else{
			document.write(" sposi da "+-difference);
		}
		document.write(" giorn"+(difference == 1 ? "o" : "i")+"!!");
	}
	//]]>
</script>

Grazieeee! Ci provo e ti faccio sapere!

grazie della soluzione, ma neanche questa funziona non capisco proprio dove stia il problema!

[karl94]

Io lo visualizzo correttamente anche da dispositivo mobile (Android). Con cosa stai provando tu?

sto provando anche io da android... ma vedo solo il countdown e non il resto del sito che invece si vede se, come ora, elimino il <div> con lo script dentro

[karl94]

Dispositivo, versione di Android e browser utilizzato? Controlla inoltre che Javascript non sia disabilitato nelle impostazioni del browser e cancella la cache.

Io ho un Galaxy Note II, con Android 4.1.2 e ho utilizzatocome browser sia Chrome che il predefinito e i javascript sono attivi... ciò nonostante non va...

Ho appena risolto...
ho cambiato strategia e ho levato quel codice in pagina, usando invece jQuery e jQuery Countdown .
Grazie comunque!