JS实现获取验证码按钮倒计时---刷新不重置

1.html

<input type="button" onclick="btnCheck()" value="获取验证码" id="yanzheng">

2.css

#yanzheng {
  width: 1.6rem;
  height: 0.4rem;
  background: red;
  border: none;
  border-radius: 15px;
  color: white;
  position: absolute;
  top: 30%;
  right: 0.05rem
}

3.JS

//获取验证码
function btnCheck() {
    var i =parseInt(sessionStorage.num)
    sessionStorage.setItem("num",60)
    var postData = $("#form").serializeArray();
        var timer = setInterval(function () {
            if (i!= NaN && i!=0) {
                var o=i||60
                o--
                sessionStorage.setItem("num",o)
                i =o
                console.log(i)
                $('#yanzheng').val(i + "秒");
                $("#yanzheng"