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

發(fā)布時間：2020-10-22 03:41:39 來源：腳本之家閱讀：373 作者：lw_wishes 欄目：開發(fā)技術(shù)

實現(xiàn)倒計時跳轉(zhuǎn)要和html中的js結(jié)合起來，

例如：實現(xiàn)一個頁面簡單的注冊，然后注冊成功后倒計時自動跳轉(zhuǎn)到登錄頁面。

# 注冊頁面
def register(request):

 return render(request,"register.html")
# 點擊注冊
def doregister(request):
 # 獲得用戶輸入的信息，保存到數(shù)據(jù)庫
 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)建一個對象
 user = User()
 user.u_name = username
 # user.u_password=password

 # 創(chuàng)建md5對象
 MD5 = hashlib.md5()
 # 將一個二進制數(shù)據(jù)進行md5處理，生成一個128位的二進制數(shù)據(jù)
 MD5.update(password.encode("utf-8"))
 # 將二進制結(jié)果轉(zhuǎn)換成 十六進制的結(jié)果，4位二進制轉(zhuǎn)換成1位十六進制
 passwd = MD5.hexdigest()
 user.u_password = passwd
 user.u_age = int(age)
 # token是唯一的
 # 生成一個無法重復(fù)的標(biāo)識
 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')用來請求實現(xiàn)自動跳轉(zhuǎn)的頁面。

<body>
<p>注冊成功！還有<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è)置定時器，1秒執(zhí)行一次go函數(shù)，當(dāng)x小于0時，執(zhí)行 location.href="/day06/index" rel="external nofollow" rel="external nofollow" ;這樣就能跳轉(zhuǎn)到登錄頁面,去執(zhí)行登錄操作了

以上這篇在django中實現(xiàn)頁面倒數(shù)幾秒后自動跳轉(zhuǎn)的例子就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

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

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽