這篇文章主要介紹了如何使用javaScript代碼實(shí)現(xiàn)支付10秒倒計(jì)時(shí)效果的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇如何使用javaScript代碼實(shí)現(xiàn)支付10秒倒計(jì)時(shí)效果文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

站在用戶的角度思考問(wèn)題，與客戶深入溝通，找到赤壁網(wǎng)站設(shè)計(jì)與赤壁網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：成都做網(wǎng)站、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名與空間、網(wǎng)頁(yè)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋赤壁地區(qū)。

效果圖如下：

首先需要兩個(gè)html文件，在兩個(gè)文件中利用html和css分別寫好初始頁(yè)面效果，在這里就不多說(shuō)啦，具體可以看下面的代碼

讓我們來(lái)談?wù)?strong>js需要做出的效果：

1、在頁(yè)面1中點(diǎn)擊支付要跳轉(zhuǎn)到另一個(gè)文件中
2、剛進(jìn)入頁(yè)面2時(shí)要開(kāi)始計(jì)時(shí)10秒，計(jì)時(shí)結(jié)束后返回頁(yè)面1
3、點(diǎn)擊頁(yè)面2的立即返回能夠返回到頁(yè)面1

這就是我們需要做的效果

那我們要如何實(shí)現(xiàn)在兩個(gè)頁(yè)面之間的跳轉(zhuǎn)呢？

=> 利用onclick和location.href="url" rel="external nofollow" ，在鼠標(biāo)點(diǎn)擊時(shí)改變location.href
（此處的url是指你所存放的另一個(gè)html文件的位置）

計(jì)時(shí)效果就很簡(jiǎn)單啦，利用setInterval使元素的innerText改變就可以了，當(dāng)數(shù)字等于0時(shí)，同樣改變location，使其頁(yè)面跳轉(zhuǎn)

代碼如下：

頁(yè)面1：

    
    
    
    
    


    支付
    

頁(yè)面2：

    
    
    
    
    



    
        
恭喜您，支付成功！
        

            10
            秒后自動(dòng)返回首頁(yè)
        
        立即返回