                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

我用本章節的內容寫了一段代碼，結果瀏覽器老是崩潰fierfox和chrome都出現這種問題

求教下大神這是什么原因??？還有時間下方的效果也出不來

<!DOCTYPE?html>
<html>
<head>
<meta?charset="utf-8">
<meta?http-equiv="X-UA-Compatible"?content="IE=edge,chrome=1">
<title>Examples</title>
<meta?name="description"?content="">
<meta?name="keywords"?content="">
<link?href=""?rel="stylesheet">
</head>
?<script?type='text/javascript'>
??function?clock(){
???var?mytime=new?Date();
???var?mydate=mytime.getFullYear()+'年'+mytime.getMonth()+'月'+mytime.getDate()+'日';
???var?m=mytime.getMinutes();
???var?h=mytime.getHours();
???var?s=mytime.getSeconds();
???var?t;
???m=startTime(m)
???s=startTime(s)
???document.getElementById("tm").innerHTML=mydate+h+':'+m+':'+s+'</br>';
???t=setInterval('clock()',500)
??}
??function?startTime(i){
????if(i<10){
????????i="0"+i
????}
????return?i
??}
?var?user_hf=window.location.href;?
?var?user_na=navigator.userAgent;
?var?user_sc_hg=screen.availHeight;
?var?user_sc_wd=screen.availWidth;
?document.getElementById('us').innerHTML=user_hf+'</br>'+user_na+'</br>'+user_sc_hg+';'+user_sc_wd;
</script>?
<body?onload='clock()'>
<b?id='tm'></b>
<span?id='us'></span>
</body>
</html>

心為形役

2016-04-12

源自：JavaScript進階篇 8-16

關注問題我要回答

1320

操作

收起

4 回答

那一霎的光芒回答被采納 +3 積分
2016-04-12

你要把
t=setInterval('clock()',500)寫在clock函數外面

寫在函數里面就成無限遞歸了。函數每執行一次，都會有個setInterval事件，資源大大的占據

0 回復有任何疑惑可以回復我~

收起回答

心為形役提問者

這個寫法我是在W3C上面學的，他的實例也是這樣寫的。

2016-04-13 回復有任何疑惑可以回復我~

心為形役提問者

崩潰的問題確實是這個原因，我修改后解決了。后面的獲取地址、瀏覽器、屏幕分辨率的效果不顯示問題麻煩你幫忙看下，謝謝！

2016-04-13 回復有任何疑惑可以回復我~

那一霎的光芒回復心為形役提問者

抱歉，沒有關注消息這邊的內容。因為你的js寫在body前面，所以你的內容會在body里的元素加載出來之前就執行了js，導致js找不到id為us的這個元素，最終顯示不出來。之所以時間顯示出來是因為body標簽里使用onload調用click這個函數，onload的意思是頁面加載之后再執行某些操作。解決方法是你把獲取地址、瀏覽器、屏幕分辨率這段js提出寫在<span id='us'></span>下面，就解決了

2016-05-12 回復有任何疑惑可以回復我~

查看1條回復

明天你好4153884
2016-11-04

把setInterval改成setTimeout也可以執行時間

0 回復有任何疑惑可以回復我~

收起回答

Destiny命運
2016-04-17

你在body里面運行的clock這個函數里面的內容。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>Examples</title>

<meta name="description" content="">

<meta name="keywords" content="">

<link href="" rel="stylesheet">

</head>

?<script type='text/javascript'>
?? //var t=setInterval('clock()',500);

? function clock(){

?? var mytime=new Date();

?? var mydate=mytime.getFullYear()+'年'+mytime.getMonth()+'月'+mytime.getDate()+'日';

?? var m=mytime.getMinutes();

?? var h=mytime.getHours();

?? var s=mytime.getSeconds();

?? var t;

?? m=startTime(m)

?? s=startTime(s)

?? document.getElementById("tm").innerHTML=mydate+h+':'+m+':'+s+'</br>';

? var user_hf=window.location.href;

?var user_na=navigator.userAgent;

?var user_sc_hg=screen.availHeight;

?var user_sc_wd=screen.availWidth;

?document.getElementById("us").innerHTML=user_hf+'</br>'+user_na+'</br>'+user_sc_hg+';'+user_sc_wd;

? }

? function startTime(i){

??? if(i<10){

??????? i="0"+i

??? }

??? return i

? }

</script>

<body onload='clock()'>

<b id='tm'></b>

<span id='us'></span>

</body>
</html>