首頁 web前端 js教程 Javascript倒數頁面跳轉實例小結_時間日期

Javascript倒數頁面跳轉實例小結_時間日期

May 16, 2016 pm 05:22 PM
倒數計時 頁面跳轉

例1:

複製碼 代碼如下:


代碼如下:



代碼如下:



代碼如下:



代碼如下:



    var startTime = new Date();
    var endTime=startTime.getTime() 10*60*1000;    var g_blinktitle = document.title;
    function getRemainTime(){

 nMS =endTime - nowTime.getTime();
        var nM=Math.floor(nMS/(1000*60)) % 60;
        var nS=Math.floor(nMS/1000) %   &nS==0&&nMS         {
            window.fo 🎜>            window.location.reload();
        }
        if(nS
        if(nMS >= 0){    nerHTML= nM "分" nS "秒";
            setTimeout("getRemainTime()",1000);
        }  Msg()
    {
        document.title = g_blinkswitch % 2==0 ? "【   】 - " g_blinktitle : "【新訊息】 - "
        g_blinktitle;      🎜>

10分00秒 

例2

倒數跳頁
複製程式碼


程式碼如下:


JS倒計時網頁自動跳到程式碼 title>   <br><script language="JavaScript" type="text/javascript"><BR> function delayURL(url) {<BR>  var delay = document.getElementById("time").innerHTML;< if; (delay > 0) {<BR>   delay--;<BR>   document.getElementById("time").innerHTML = delay;<BR>  } else {<BR>  window.top.url; >  }<BR>  setTimeout("delayURL('" url "')", 1000);<BR> }<BR></script><br><span id="time" style="background: #00BFFF">3</span>秒鐘後自動跳轉,如果不跳轉,請點擊下面的連結<a href="http://www.jb51.net">我的百度</a><br><br>delayURL("http://www.jb51.net");
 

例3 防刷新的倒數代碼

複製程式碼
程式碼如下:


 
 
>
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1317
25
PHP教程
1268
29
C# 教程
1246
24
PHP頁面跳躍函數詳解:header、location、redirect等函數的頁面跳躍技巧 PHP頁面跳躍函數詳解:header、location、redirect等函數的頁面跳躍技巧 Nov 18, 2023 pm 05:08 PM

PHP頁面跳轉函數詳解:header、location、redirect等函數的頁面跳轉技巧,需要具體程式碼範例引言:在開發Web網站或應用程式時,頁面之間的跳轉是一個不可或缺的功能。 PHP提供了多種方式來實現頁面跳轉,其中包括header函數、location函數以及一些第三方函式庫提供的跳轉函數,例如redirect。本文將詳細介紹這些函數的使用方

如何透過C++編寫一個簡單的倒數計時程式? 如何透過C++編寫一個簡單的倒數計時程式? Nov 03, 2023 pm 01:39 PM

C++是一種廣泛使用的程式語言,在編寫倒數計時器方面非常方便且實用。倒數計時程式是一種常見的應用,它能為我們提供非常精確的時間計算和倒數功能。本文將介紹如何使用C++來寫一個簡單的倒數計時程式。實現倒數程序的關鍵就是使用計時器來計算時間的流逝。在C++中,我們可以使用time.h頭檔中的函數來實作計時器的功能。下面是一個簡單的倒數計時程式的程式碼

如何使用Vue實現按鈕倒數特效 如何使用Vue實現按鈕倒數特效 Sep 21, 2023 pm 02:03 PM

如何使用Vue實作按鈕倒數特效隨著Web應用程式的日益普及,我們經常需要在使用者與頁面互動時使用一些動態效果來提升使用者體驗。其中,按鈕的倒數特效是非常常見且實用的效果。本文將介紹如何使用Vue框架來實現按鈕倒數特效,並給出具體的程式碼範例。首先,我們需要建立一個Vue元件,包含一個按鈕和倒數計時的功能。在Vue中,元件是一種可重複使用的Vue實例,視圖會

使用uniapp實現頁面跳轉動畫效果 使用uniapp實現頁面跳轉動畫效果 Nov 21, 2023 pm 02:15 PM

標題:使用uniapp實現頁面跳轉動畫效果近年來,行動應用程式的使用者介面設計已成為吸引使用者的重要因素之一。頁面跳轉動畫效果在提升使用者體驗和視覺化效果方面扮演著重要的角色。本文將介紹如何使用uniapp實現頁面跳轉動畫效果,並提供具體的程式碼範例。 uniapp是一個基於Vue.js開發的跨平台應用程式開發框架,可以透過一套程式碼編譯產生小程式、H5、App等多個平台的應用

win10開機10秒倒數計時怎麼取消? Win10取消開機倒數計時的三種方法 win10開機10秒倒數計時怎麼取消? Win10取消開機倒數計時的三種方法 Feb 29, 2024 pm 07:25 PM

在win10中,開機倒數預設是啟用的。當我們在開機之後,會看到一個倒數計時的介面,通常是10秒的倒數。在這個時間之內,我們可以選擇是否繼續開機或進行一些它的操作。雖然開機倒數為我們的系統帶來了些許便利,但在某些情況下也可能帶來麻煩。想取消顯示,但不知道怎麼操作,這篇文章是本站帶給大家的Win10開機幾秒倒數取消方法。了解win10開機倒數在win10中,開機倒數預設是啟用的。當我們在開機之後,會看到一個倒數計時的介面,通常是10秒的倒數。在這個時間之內,我們可以選擇是否要繼續開機或進行

如何在Vue中使用路由實現頁面跳轉? 如何在Vue中使用路由實現頁面跳轉? Jul 21, 2023 am 08:33 AM

如何在Vue中使用路由實現頁面跳轉?隨著前端開發技術的不斷發展,Vue.js已經成為了目前最熱門的前端框架之一。而在Vue開發中,實現頁面跳躍是不可或缺的一部分。 Vue提供了VueRouter來管理應用的路由,透過路由可以實現頁面之間的無縫切換。本文將介紹如何在Vue中使用路由實現頁面跳轉,並附有程式碼範例。首先,在Vue專案中安裝vue-router插件。

如何使用CSS製作倒數計時效果的實現步驟 如何使用CSS製作倒數計時效果的實現步驟 Oct 26, 2023 am 10:36 AM

如何使用CSS製作倒數計時效果的實現步驟倒數效果是網頁開發中常見的一個功能,可以為用戶呈現倒數計時的動態效果,給人以緊迫感和期待感。本文將介紹如何使用CSS來實現倒數計時效果,並提供詳細的實作步驟和程式碼範例。實作步驟如下:步驟一:HTML結構建構首先,在HTML中建立div容器,用於包裹倒數計時的內容。例如:&lt;divclass="countd

PHP程式碼範例:如何用POST方式傳參並實現頁面跳轉 PHP程式碼範例:如何用POST方式傳參並實現頁面跳轉 Mar 07, 2024 pm 01:45 PM

標題:PHP程式碼範例:使用POST方式傳參並實現頁面跳轉的方法在Web開發中,經常涉及如何透過POST方式傳遞參數,並在伺服器端進行處理後實現頁面跳轉的需求。 PHP作為一種流行的伺服器端腳本語言,提供了豐富的函數和語法來實現這一目的。以下將透過一個實際的範例來介紹如何使用PHP來實現這項功能。首先,我們需要準備兩個頁面,一個用來接收POST請求並處理參數

See all articles