亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

求大神解答 為什么我的程序界面那個五秒不動 但是現實時間五秒后還是跳轉了 但那個數字為什么不動呢?

<!DOCTYPE?html>
<html>
?<head>
??<title>瀏覽器對象</title>??
??<meta?http-equiv="Content-Type"?content="text/html;?charset=gkb"/>???
?</head>
?<body>
??<!--先編寫好網頁布局-->
??<h1>操作成功</h1>
??<span?id="time">5</span><span>秒后跳轉回首頁</span><a?href="back()">返回</a>
??
?
??<script?type="text/javascript">
??var?count=document.getElementById("time").innerHTML;
??function?counts(){
??????count--;
??????if(count==0){
??????????window.location.assign("www.xianlaiwan.cn");
??????????
??????}}
??????setInterval("counts()",1000);
??function?back(){
??????window.history.back();
??}?
???//獲取顯示秒數的元素,通過定時器來更改秒數。

???//通過window的location和history對象來控制網頁的跳轉。
???
?</script>?
</body>
</html>


正在回答

5 回答

你的沒有顯示數字的語句啊,只是執行了算法,沒有顯示結果,所以,數字沒有變。

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

修改后的代碼,你的疑惑都在代碼后的注釋里;

<!DOCTYPE?html>
<html>
?<head>
??<title>瀏覽器對象</title>??
??<meta?http-equiv="Content-Type"?content="text/html;?charset=UTF-8"/>?<!--這里記住修改為UTF-8,不要是GBK,不然是亂碼中文-->??
?</head>
?<body>
??<!--先編寫好網頁布局-->
??<h1>操作成功</h1>
??<span?id="time">5</span><span>秒后跳轉回首頁</span><a?href="back()">返回</a>
???
??
??<script?type="text/javascript">
??var?count=document.getElementById("time").innerHTML;
??function?counts(){
??????count--;
??????document.getElementById("time").innerHTML?=?count;??//需要增加這一句,將count--重新賦值到count.innerHTML中去;
??????if(count==0){
??????????window.location.assign("http://www.xianlaiwan.cn");?//記住這里要加'http://'
???????????
??????}}
??????setInterval("counts()",1000);
??function?back(){
??????window.history.back();
??}?
???//獲取顯示秒數的元素,通過定時器來更改秒數。
?
???//通過window的location和history對象來控制網頁的跳轉。
????
?</script>?
</body>
</html>


1 回復 有任何疑惑可以回復我~
#1

慕粉1083982

太厲害了
2016-05-04 回復 有任何疑惑可以回復我~

var?count=document.getElementById("time").innerHTML

改為

var document.getElementById("time").innerHTML=count;

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

Uauslman

不好意思沒看仔細,應該是在你的函數里重新賦值var document.getElementById("time").innerHTML=count;
2016-04-24 回復 有任何疑惑可以回復我~

不知道是不是寫錯還是瀏覽器不同問題,window.location.assign("www.xianlaiwan.cn");改為window.location.assign("http://www.xianlaiwan.cn");就能打開。

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

<!DOCTYPE html>

<html>

?<head>

? <title>瀏覽器對象</title> ?

? <meta http-equiv="Content-Type" content="text/html; charset=gkb"/> ??

?</head>

?<body>

? <!--先編寫好網頁布局-->

? <h1>操作成功</h1>

? <span id="time">5</span><span>秒后跳轉回首頁</span><a href="back()">返回</a>

? ?

??

? <script type="text/javascript">

? var count=document.getElementById("time");

//首先你這一句var?count=document.getElementById("time").innerHTML; 與?count--;?存在邏輯問題,你只是把數字5獲取到了并復制給count變量而count變量與原來的數字半毛錢的關系都沒得它只充當一個存儲介子,所以count--并沒法對原來的數字進行改變。如果你這樣做就會出現數字5不變的情況。(我只是大概改了一下,應該還可以簡化,畢竟我也不是什么高手,有錯的地方歡迎斧正。)

? function counts(){

? ? ? count.innerHTML--;

? ? ? if(count.innerHTML==0){

? ? ? ? ? window.location.assign("www.xianlaiwan.cn");

? ? ? ? ? ?

? ? ? }}

? ? ? setInterval("counts()",1000);

? function back(){

? ? ? window.history.back();

? }?

? ?//獲取顯示秒數的元素,通過定時器來更改秒數。

?

? ?//通過window的location和history對象來控制網頁的跳轉。

? ??

?</script>?

</body>

</html>


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

舉報

0/150
提交
取消

求大神解答 為什么我的程序界面那個五秒不動 但是現實時間五秒后還是跳轉了 但那個數字為什么不動呢?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號