<div>
If you go here: <a href="http://validator.w3.org/" rel="ugc">http://validator.w3.org/</a>&nbsp; and place your URL in the validator. &nbsp;You will see you have a few errors with your CSS. &nbsp;I would start there and fix those errors.
</div>

<div>
Look in the dev tools, network tab and you'll see that your php page has stalled. &nbsp;I would debug your php code to see what's preventing the content from being delivered. 
 
Also noticing that you're loading A LOT of sound files. &nbsp;These two continuously fail for me: 
 
<a href="http://squareonemeditation.com/webapp/Cosmic_Splash.m4a" rel="ugc">http://squareonemeditation.com/webapp/Cosmic_Splash.m4a</a> 
<a href="http://squareonemeditation.com/webapp/guitar15.mp3" rel="ugc">http://squareonemeditation.com/webapp/guitar15.mp3</a>
</div>

<div>
Is there a need to load all those sound files?
</div>

<div>
All the sound files work by themselves for me. The sound files are &nbsp;used when there are other setting. When I have more than 7 the last one doesn't work in chrome. I stripped out all the php and got rid of most of the html/css errors. &nbsp;It still doesn't refer to the next page in chrome but works in ie and firefox.
</div>

<div>
Thanks for your suggestions however.
</div>

<div>
I'm now getting a 404 &quot;Not found&quot; with <a href="http://squareonemeditation.com/webapp/Cosmic_Splash.mp3" rel="ugc">http://squareonemeditation.com/webapp/Cosmic_Splash.mp3</a>
</div>

<div>
This could be related to your host, however i'll set up a test environment to confirm
</div>

<div>
Sorry, it's there now. I changed it to mp3.
</div>

<div>
Even when I took the sound out the page didn't refer to the next page in chrome. It does eventually &nbsp;but when you clean out the cache it get's hung up. I even fixed the page to get all the query in the load function. It didn't make a difference.
</div>

<div>
Which is why I suspect it could be your hosting service but I'll test.
</div>

<div>
adding 
clearInterval(percent); 
 
after clearInterval(timer); 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
seems to work
</div>

<div>
no, doesn't work the first time still
</div>

<div>
I changed the question and resposted
</div>

<div>
I've requested that this question be closed as follows: 
 
Accepted answer: 0 points for designaire's comment <a href="https://www.experts-exchange.com/questions/28573117/page-doesn't-work-in-chrome.html?anchorAnswerId=40478638#a40478638" rel="ugc">#a40478638</a> 
 
for the following reason: 
 
I reposed the question after making some changes
</div>

<div>
Somebody answered on the other post. I added async:false, to ajax. 
 
 
 

<pre><code class="code-10 nolinks" id="code-20-40478809-1">$.ajax({
						async:false,
						url: &quot;postmeditate.php&quot;,
						type : &quot;POST&quot;,
						data: { length: length, userid: userid},
					})
					.success(function (response){
						location.href = &quot;tracking.php&quot;; 							
					})
					.error(function (e){
					});
</code></pre>
</div>

<div>
If you've reposted please just delete this question.
</div>

<div>
However that isn't going to fix the issue with the audio files. &nbsp;Your host doesn't like it.
</div>

<div>
Scrap that... seems that chrome is just preloading part of the audio. &nbsp;They'll play when initiated.
</div>

<div>
Yes, it does have a problem with audio. It will play all but the 8th audio. If I change the order it will still only play the first 7. It's the same on my hard drive. It's not my hosting company.
</div>

<div>
Any ideas. I might have to post another question for the audio.
</div>

<div>
I'm aware of that now, sorry to confuse things. 
 
I have cleaned up your code somewhat as there were a few errors: 
 

<pre><code class="code-100 nolinks" id="code-20-40479467-1">$(function() {	
	var userid=3;
	var type=2;
	var length=20;
	var timer=0;
	var timerSeconds =8.75,
		minutes=10*timer,
		/*var minutes=100*timer works with correct length*/
		percent=0;
	var guide5 = $('#guide5'),guide10 = $('#guide10');
	guide5.load();
	guide10.load();
	var audio;

	function drawTimer(percent){

		$('div.timer').html('&lt;div id=&quot;slice&quot;'+(percent &gt; 50?' class=&quot;gt50&quot;':'')+'&gt;&lt;div class=&quot;pie&quot;&gt;&lt;/div&gt;'+(percent &gt; 50?'&lt;div class=&quot;pie fill&quot;&gt;&lt;/div&gt;':'')+'&lt;/div&gt;');
		var deg = 360/100*percent;
		$('#slice .pie').css({
			'-moz-transform':'rotate('+deg+'deg)',
			'-webkit-transform':'rotate('+deg+'deg)',
			'-o-transform':'rotate('+deg+'deg)',
			'transform':'rotate('+deg+'deg)'
		});
		$('.percent').html(Math.round(percent)+'%');
	}

	$(stopWatch = function() { 


		if(percent &gt;= 100){
			drawTimer(100);
			clearInterval(timer);



		}else{
			percent += (timerSeconds/minutes);
			drawTimer(percent);
		}
	});



	$('input').val('stop');

	$('#play').click(function(e){
		e.preventDefault();
		clearInterval(timer);
		if($('#play')){
			/*$('input[type=button]#watch').val('Pause');*/
			timer = setInterval(function() {stopWatch();},50);

			if (type==1){
				if (length==5)
				{document.getElementById('guide5').play();	
				}
				else if (length==10)
				{
					document.getElementById('guide10').play();	
				}
				else if (length==15)
				{
					document.getElementById('guide15').play();	
				}
				else if (length==20)
				{
					document.getElementById('guide20').play();	
				}
			}
			else if(type==2){
				if (length==5)
				{document.getElementById('music5').play();
				}
				else if (length==10)
				{
					document.getElementById('music10').play();	
				}
				else if (length==15)
				{
					document.getElementById('music15').play();	
				}
				else if (length==20)
				{
					document.getElementById('music20').play();	
				}		
			}

		}
	});





	$('#pause').click(function(e){
		e.preventDefault();
		clearInterval(timer);
		if($('#pause')){
			/*$('input[type=button]#watch').val('Pause');*/

			if (type==1){
				if (length==5)
				{document.getElementById('guide5').pause();

				}
				else if (length==10)
				{
					document.getElementById('guide10').pause();

				}
				else if (length==15)
				{
					document.getElementById('guide15').pause();

				}
				else if (length==20)
				{
					document.getElementById('guide20').pause();

				}
			}
			else if(type==2){
				if (length==5)
				{
					document.getElementById('music5').pause();

				}
				else if (length==10)
				{
					document.getElementById('music10').pause();

				}
				else if (length==15)
				{
					document.getElementById('music15').pause();

				}
				else if (length==20)
				{
					document.getElementById('music20').pause();

				}		
			}

		}
	});


	$('#rewind').click(function(e){
		e.preventDefault();
		clearInterval(timer);
		if($('#rewind')){
			/*$('input[type=button]#watch').val('Pause');*/
			percent=0;
			drawTimer(0.25);	

			var audio;

			if (type==1){
				if (length==5)
				{
					audio = document.getElementById(&quot;guide5&quot;);
					audio.pause(); 
					audio.currentTime = 0;
				}
				else if (length==10)
				{
					audio = document.getElementById(&quot;guide10&quot;);
					audio.pause(); 
					audio.currentTime = 0;	
				}
				else if (length==15)
				{
					audio = document.getElementById(&quot;guide15&quot;);
					audio.pause(); 
					audio.currentTime = 0;
				}
				else if (length==20)
				{
					audio = document.getElementById(&quot;guide20&quot;);
					audio.pause(); 
					audio.currentTime = 0;
				}
			}
			else if(type==2){
				if (length==5)
				{
					audio = document.getElementById(&quot;music5&quot;);
					audio.pause(); 
					audio.currentTime = 0;
				}
				else if (length==10)
				{
					audio = document.getElementById(&quot;music10&quot;);
					audio.pause(); 
					audio.currentTime = 0;
				}
				else if (length==15)
				{
					audio = document.getElementById(&quot;music15&quot;);
					audio.pause(); 
					audio.currentTime = 0;	
				}
				else if (length==20)
				{
					audio = document.getElementById(&quot;music20&quot;);
					audio.pause(); 
					audio.currentTime = 0;	
				}		
			}

		}
	});

	$('#play').click();
	$('#pause').click();
	$('#rewind').click();

});
</code></pre>
</div>

<div>
Is this how you want the animation to work? <a href="http://jsbin.com/welevi/1/edit?js,output" rel="ugc">http://jsbin.com/welevi/1/edit?js,output</a>
</div>

<div>
Ok, I debugged your stopWatch function and found that your timer variable was 0. Setting it to 1 allowed the animation to work.
</div>

<div>
take a look at the javascript in the left panel: <a href="http://jsbin.com/welevi/1/edit?js,output" rel="ugc">http://jsbin.com/welevi/1/edit?js,output</a>
</div>

<div>
Actually the timer and length and are added together with the PHP then set to timer, in the real page. It is never 0. I just set it to 0 for the test page because I don't have any data. I would have to post the page.
</div>

<div>
The 8th audio still doesn't work.
</div>

<div>
<a href="http://squareonemeditation.com/webapp/audiotest.php" rel="ugc">http://squareonemeditation.com/webapp/audiotest.php</a> 
 
now 20 is not playing, if you change that to 15, 10 or 5 it should work
</div>

<div>
It works in ie and firefox however.
</div>

<div>
&quot;counter is not defined&quot;. &nbsp;open up the debug tools in chrome (ctrl+shift+i)
</div>

<div>
sorry forgot to take that out. I don't need it, I was just trying something.
</div>

<div>
It's out now. Still doesn't play.
</div>

<div>
Sorry, still doesn't work. You can't have 2 ID's that are the same on the one page. Not that that's why it doesn't work. Doesn't work without the preload none. It's only the 20 minutes that doesn't work in chrome.
</div>

<div>
Works for me ... 
 
I'm confused with your &quot;You can't have 2 ID's that are the same on the one page&quot;. &nbsp;Where are there two elements with the same ID?
</div>

<div>
Please see your demo here: <a href="http://jsbin.com/welevi/3/edit?html,js,output" rel="ugc">http://jsbin.com/welevi/3/edit?html,js,output</a> 
 
Plays all the different sounds.
</div>

<div>
Yes, I didn't replace the &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;audio id=&quot;music5&quot; src=&quot;piano5.mp3&quot;&gt;&lt;/audio&gt; I put it in twice. It does work! Thank you! Thank you! Thank You! &nbsp;another thing that helped a lot is replacing the JQuery &lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery-1.7.1.js&quot;&gt;&lt;/script&gt; with a local. The other link gave me an error message, something having to do with the pause. 
 
You really earned your points, thanks for hanging in there.
</div>

<div>
Thank You! Thank You! Thank You!
</div>

<div>
Not a problem, it was my pleasure. &nbsp;You deserve credit too for being so patient! so THANK YOU too :)
</div>

<div>
<div class="content wysiwyg-content">
I have a page created where a CSS line goes around in a circle according to the time (which is shorted for this page). When it is finished, it should go to the next page through AJAX. However, it works in chrome sometimes but not other times. Usually when I clear the cache it doesn't work anymore. It works in ie and firefox. 
 
It might be related to the fact that I don't have some of the code in a &nbsp; $(document).ready(function(), however when I do that nothing works. Not sure if anybody can help me with this, I only half understand the code since I am very new at all of the programming and got some of it on-line. 
 
 
<a href="http://squareonemeditation.com/webapp/meditatetest.php" rel="ugc">http://squareonemeditation.com/webapp/meditatetest.php</a> 
<a href="https://filedb.experts-exchange.com/incoming/2014/12_w49/885909/meditatetest.php" target="_blank" class="file-inline" title="file that is posted on-line (7 KB)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M67.508 468.467c-58.005-58.013-58.016-151.92 0-209.943l225.011-225.04c44.643-44.645 117.279-44.645 161.92 0 44.743 44.749 44.753 117.186 0 161.944l-189.465 189.49c-31.41 31.413-82.518 31.412-113.926.001-31.479-31.482-31.49-82.453 0-113.944L311.51 110.491c4.687-4.687 12.286-4.687 16.972 0l16.967 16.971c4.685 4.686 4.685 12.283 0 16.969L184.983 304.917c-12.724 12.724-12.73 33.328 0 46.058 12.696 12.697 33.356 12.699 46.054-.001l189.465-189.489c25.987-25.989 25.994-68.06.001-94.056-25.931-25.934-68.119-25.932-94.049 0l-225.01 225.039c-39.249 39.252-39.258 102.795-.001 142.057 39.285 39.29 102.885 39.287 142.162-.028A739446.174 739446.174 0 0 1 439.497 238.49c4.686-4.687 12.282-4.684 16.969.004l16.967 16.971c4.685 4.686 4.689 12.279.004 16.965a755654.128 755654.128 0 0 0-195.881 195.996c-58.034 58.092-152.004 58.093-210.048.041z"/></svg>meditatetest.php</a>
</div>
</div>

meditatetest.php

I have a page created where a CSS line goes around in a circle according to the time (which is shorted for this page). When it is finished, it should go to the next page through AJAX. However, it works in chrome sometimes but not other times. Usually when I clear the cache it doesn't work anymore. It works in ie and firefox.

It might be related to the fact that I don't have some of the code in a   $(document).ready(function(), however when I do that nothing works. Not sure if anybody can help me with this, I only half understand the code since I am very new at all of the programming and got some of it on-line.


http://squareonemeditation.com/webapp/meditatetest.php

page doesn't work in chrome.

PHP is a widely-used server-side scripting language especially suited for web development, powering tens of millions of sites from Facebook to personal WordPress blogs. PHP is often paired with the MySQL relational database, but includes support for most other mainstream databases. By utilizing different Server APIs, PHP can work on many different web servers as a server-side scripting language.

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

Asynchronous JavaScript and XML (AJAX) is a group of interrelated Web development techniques used on the client-side to create asynchronous Web applications. With AJAX, web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. HTML and CSS can be used in combination to mark up and style information. The Document Object Model (DOM) is accessed with JavaScript to dynamically display and allow interaction with the information presented.