javascript not working in widget in wordpress

i have the javascript that is working in html file.

But it does not work in widget.



-----

<script type="text/javascript">
var paragraph1 = '[awesome-weather location="Chelsea" units="F" size="tall" forecast_days="3" custom_bg_color="grey" inline_style="width: 150px; margin: 0px; float: left;"]'
var paragraph2 = '[awesome-weather location="Howell" units="F" size="tall" forecast_days="3" custom_bg_color="grey" inline_style="width: 150px; margin: 0px; float: left;"]'
var paragraph3 = '[awesome-weather location="spring arbor" units="F" size="tall" forecast_days="3" custom_bg_color="grey" inline_style="width: 150px; margin: 0px; float: left;"]'


</script>
<p id="demo"></p>

<script type="text/javascript">
var step = 1;


function slideit() {
document.getElementById("demo").innerHTML = eval("paragraph" + step );

if (step < 3)
step++;
else
step = 1;
setTimeout("slideit()", 2500);
}


slideit();



</script>