快捷導(dǎo)航

在django中實(shí)現(xiàn)頁(yè)面倒數(shù)幾秒后自動(dòng)跳轉(zhuǎn)的例子

更新時(shí)間：2019年08月16日 17:27:43 作者：lw_wishes

今天小編就為大家分享一篇在django中實(shí)現(xiàn)頁(yè)面倒數(shù)幾秒后自動(dòng)跳轉(zhuǎn)的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

實(shí)現(xiàn)倒計(jì)時(shí)跳轉(zhuǎn)要和html中的js結(jié)合起來(lái)，

例如：實(shí)現(xiàn)一個(gè)頁(yè)面簡(jiǎn)單的注冊(cè)，然后注冊(cè)成功后倒計(jì)時(shí)自動(dòng)跳轉(zhuǎn)到登錄頁(yè)面。

# 注冊(cè)頁(yè)面
def register(request):

 return render(request,"register.html")
# 點(diǎn)擊注冊(cè)
def doregister(request):
 # 獲得用戶輸入的信息，保存到數(shù)據(jù)庫(kù)
 username=request.GET.get("username")
 password=request.GET.get("password")
 surepwd=request.GET.get("surepwd")
 age=request.GET.get("age")

 # 判斷密碼
 if surepwd==password :
 # 創(chuàng)建一個(gè)對(duì)象
 user = User()
 user.u_name = username
 # user.u_password=password

 # 創(chuàng)建md5對(duì)象
 MD5 = hashlib.md5()
 # 將一個(gè)二進(jìn)制數(shù)據(jù)進(jìn)行md5處理，生成一個(gè)128位的二進(jìn)制數(shù)據(jù)
 MD5.update(password.encode("utf-8"))
 # 將二進(jìn)制結(jié)果轉(zhuǎn)換成 十六進(jìn)制的結(jié)果，4位二進(jìn)制轉(zhuǎn)換成1位十六進(jìn)制
 passwd = MD5.hexdigest()
 user.u_password = passwd
 user.u_age = int(age)
 # token是唯一的
 # 生成一個(gè)無(wú)法重復(fù)的標(biāo)識(shí)
 user.u_token = createToken()
 user.save()

 return render(request,'pageJump.html')
 else:
 return render(request,'register.html',context={"alert":1})

return render(request,‘pageJump.html')用來(lái)請(qǐng)求實(shí)現(xiàn)自動(dòng)跳轉(zhuǎn)的頁(yè)面。

<body>
<p>注冊(cè)成功！還有<span id="sp">5</span>秒跳轉(zhuǎn)到登錄界面...</p>
<script>
 onload=function () {
 setInterval(go,1000)
 };
 var x=4;
 function go() {

 if (x>=0){
  document.getElementById("sp").innerText=x;
 }else {
  location.href="/day06/index" rel="external nofollow" rel="external nofollow" ;
 }
 x--;
 }
</script>
</body>

setInterval(go,1000)設(shè)置定時(shí)器，1秒執(zhí)行一次go函數(shù)，當(dāng)x小于0時(shí)，執(zhí)行 location.href="/day06/index" rel="external nofollow" rel="external nofollow" ;這樣就能跳轉(zhuǎn)到登錄頁(yè)面,去執(zhí)行登錄操作了

以上這篇在django中實(shí)現(xiàn)頁(yè)面倒數(shù)幾秒后自動(dòng)跳轉(zhuǎn)的例子就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

使用Python實(shí)現(xiàn)自動(dòng)填入密碼功能
對(duì)于頻繁使用的軟件,每次都手動(dòng)輸入密碼可能會(huì)顯得繁瑣,所以本文主要為大家詳細(xì)介紹了如何使用Python實(shí)現(xiàn)自動(dòng)填入密碼功能,需要的可以參考下
2024-04-04
Matplotlib.pyplot 三維繪圖的實(shí)現(xiàn)示例
這篇文章主要介紹了Matplotlib.pyplot 三維繪圖的實(shí)現(xiàn)示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-07-07
numpy中的高維數(shù)組轉(zhuǎn)置實(shí)例
下面小編就為大家分享一篇numpy中的高維數(shù)組轉(zhuǎn)置實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-04-04
python版單鏈表反轉(zhuǎn)
這篇文章主要為大家詳細(xì)介紹了python版單鏈表反轉(zhuǎn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-05-05
如何更改jupyter的默認(rèn)文件路徑
這篇文章主要介紹了如何更改jupyter的默認(rèn)文件路徑問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2023-12-12
跟老齊學(xué)Python之for循環(huán)語(yǔ)句
看這個(gè)標(biāo)題，有點(diǎn)匪夷所思嗎？為什么for是難以想象的呢？因?yàn)樵趐ython中，它的確是很常用而且很強(qiáng)悍，強(qiáng)悍到以至于另外一個(gè)被稱之為迭代的東西，在python中就有點(diǎn)相形見(jiàn)絀了。在別的語(yǔ)言中，for的地位從來(lái)沒(méi)有如同python中這么高的。
2014-10-10
Python詞法結(jié)構(gòu)
這篇文章主要介紹了Python詞法結(jié)構(gòu)，變量是一種存儲(chǔ)數(shù)據(jù)的載體，也就是一個(gè)容器。計(jì)算機(jī)中的變量是實(shí)際存在的數(shù)據(jù)或者說(shuō)是存儲(chǔ)器中存儲(chǔ)數(shù)據(jù)的一塊內(nèi)存空間，變量的值可以被讀取和修改，這是所有計(jì)算機(jī)和控制的基礎(chǔ)，下面詳細(xì)內(nèi)容,需要的朋友可以參考一下
2021-10-10
Python @property使用方法解析
這篇文章主要介紹了Python @property使用方法解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-09-09
最新解決沒(méi)有NVSMI文件夾以及nvidia-smi‘?不是內(nèi)部或外部命令也不是可運(yùn)行的程序或批處理文件
這篇文章主要介紹了解決沒(méi)有NVSMI文件夾以及nvidia-smi‘?不是內(nèi)部或外部命令也不是可運(yùn)行的程序或批處理文件,本文通過(guò)兩種問(wèn)題分析給大家分享解決方法，需要的朋友可以參考下
2023-01-01
Python numpy 數(shù)組的向量化運(yùn)算操作方法
這篇文章主要介紹了Python numpy數(shù)組的向量化運(yùn)算操作方法，本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2023-06-06