ASP.NET RAZOR自动生成的js Timer

 <input type="hidden" value="@(Model.TimeLength)" id="examTimeLength" />
                    <input type="hidden" value="@ViewData["ExamId"]" id="_ControlerId" />
                    <span id="@ViewData["ExamId"]" class="fas_time"></span>
                    <a class="fas_submit" id="submitExam" href="#" style="display: none">我要交卷</a>
 function timer() {
        var time = $("#examTimeLength").val();
        var Timer = {
            controleId: $("#_ControlerId").val(),
            cookieName: $("#_ControlerId").val(),
            iTotalTime: null,
            timerId: null,
            init: function () {
                this.remainTime();
            },
            addZero: function (num) {
                var str = num < 10 ? Number(num) <= 0 ? ‘00‘ : ‘0‘ + num : num + ‘‘;
                return str;
            },
            remainTime: function () {
                var _this = this,
                    oSpan = document.getElementById(_this.controleId);
                _this.timerId = setInterval(function () {

                    _this.iTotalTime = time;
                    if (_this.iTotalTime <= 0) {
                        clearInterval(_this.timerId);
                        var functionName = "submitAnswer";
                        if (functionName) {
                            eval(functionName + "()");
                        }
                        return;
                    }

                    _this.iTotalTime--;
                    time--;
                    var hours = _this.addZero(Math.floor(_this.iTotalTime / 3600));
                    var minutes = _this.addZero(Math.floor((_this.iTotalTime - hours * 3600) / 60));

                    var secs = _this.addZero(Math.floor(_this.iTotalTime % 60));
                    var str = ‘{h}:{m}:{s}‘;

                    str = str.replace(‘{h}‘, hours);
                    str = str.replace(‘{m}‘, minutes);
                    str = str.replace(‘{s}‘, secs);

                    oSpan.innerHTML = str;
                }, 1000);
            }

        };
        Timer.init();
    }
时间: 2024-12-14 20:37:28

ASP.NET RAZOR自动生成的js Timer的相关文章

自动生成proto Js语句

在与后端的WebSocket通信时,前端要带一个proto文件是一个累赘的事情.首先是明显的曝光了协议实体对象,再一个浏览器客户端很容易会缓存该文件,新的协议更新可能导致客户端不能使用,另外在cdn服务器上还需要配置.proto类型客户端才能下载过去.真是遗毒不浅,自己使用的时候会注意这些,但给别人使用的时候就很不乐观了,所以这次全部将proto文件转成JavaScript对象,省去协议文件和加载的步骤. 先看代码: function createProto(name) { var args =

asp.net webAPI 自动生成帮助文档并测试

之前在项目中有用到webapi对外提供接口,发现在项目中有根据webapi的方法和注释自动生成帮助文档,还可以测试webapi方法,功能很是强大,现拿出来与大家分享一下. 先看一下生成的webapi文档. 1.下图展示的是生成帮助文档首页面,其中Values是controller,API下面的列表展示出请求的http方法(Get,POST等),请求的action,方法的描述. 2.点击红框内的链接,打开api方法的详情页面,如下图所示, 3.点击Test API打开如下页面 4.输入参数,点击S

移动端自动生成 meta js

(function () { const ua = navigator.userAgent; const android = ua.match(/Android \d\.\d/); // const ios = ua.match(/iPhone OS \d.\d.\d/); const androidVersion = android && android[0].match(/\d.\d/) && parseFloat(android && android[

t4模板生成 _references.js 文件

t4模板功能: 指定目录,自动生成 _references.js 文件 相关文件说明: _references.js 实现js智能提示. 注意事项: hostspecific="true" <#@ template debug="false" hostspecific="true" language="C#" #> projectDir=Host.ResolveAssemblyReference("$(P

用Swashbuckle给ASP.NET Core的项目自动生成Swagger的API帮助文档

博客搬到了fresky.github.io - Dawei XU,请各位看官挪步.最新的一篇是:用Swashbuckle给ASP.NET Core的项目自动生成Swagger的API帮助文档.

JS练习--自动生成100个li

点击按钮,自动生成100个li,红.黄.蓝.绿四种颜色的顺序显示出现在页面中 CSS: *{padding: 0;margin: 0;} ul,li{list-style: none;} #ul1{position: relative;} #ul1 li{ width: 48px; height: 48px; border: 1px solid #ccc; float: left; margin-right: 10px; margin-top: 10px; text-align: center;

ASP.NET MVC 3 配置EF自动生成模型

Tools(工具) =>  扩展工具 => Nuget Tools(工具) => Nuget=>程序包管理器控制台 Nuget 程序包管理器 => Install-Package EntityFramework  (为了安装Efcodefirst) EFCodeFirst => entity framework.dll(控制器用到EF的时候需要添加引用 ,目前版本是6.1) EfPowerTools => 模型生成器 类 => 右键 => entity

写个js小工具自动生成博文目录

我们在写博客的时候,如果博文里面有目录,会给人结构清晰.一种一目了然的感觉,看目录就知道这篇博文要讲解的内容,并且点击目录标题就可以跳转到具体的内容,这样园友们在看博客的时候就可以很方便地浏览自己感兴趣的内容,但是遗憾的是博客园不支持博文目录的生成,好像也有园友给博客园提建议,希望能够像CSDN那样能够自动生成博文目录,但是不知道是什么原因,博客园一直都没有把这个功能加上去,既然没有,那我就自己做吧,研究了2天,总算是按照自己的设想做出来了,最终效果如下: 下面来介绍一下这个小工具的实现. 一.

博客园博客自动生成三级目录(generate three levels content using JS in cnblogs)

博客园博客自动生成三级目录(generate three levels content using JS in cnblogs) JS代码(JS code) 最近参考了(http://www.cnblogs.com/wangqiguo/p/4355032.html)自动生成目录的方法,我增加了能够自动生成三级目录的JS代码. I learned from (http://www.cnblogs.com/wangqiguo/p/4355032.html) about generating cont