用js代码在页面显示倒计时的方法

不废话直接上代码

 1 <script language="javascript">
 2                     //倒计时
 3                     var interval = 1000;
 4                     var nowserver = new Date(‘@DateTime.Now.ToString()‘);//服务器时间
 5                     var now = new Date();//客户端时间
 6                     var datediff = nowserver.getTime() - now.getTime();//server-client时间差
 7                     //alert(datediff);
 8
 9                     var endDate = new Date(‘@DateTime.Now.AddMinutes(10).ToString()‘);//不动 注意这里@DateTime.Now.AddMinutes(10).ToString()是.NET代码
10
11                     //重新发送的方法
12     //function payverify() {
13     //    $.post(‘/RetailSales/PayVerify‘, { orderno: "@Model.OrderNumber", orderid: "@Model.OrdersId", paypwd: $(‘#paypwd‘).val() }, function (data) {
14      //       $(‘#buttompay‘).html(data);
15 //
16      //   });
17    // }
18
19                     function ShowCountDown(divname) {
20                         now = new Date();//客户端时间,是反复要变的
21                         var leftTime = endDate.getTime() - now.getTime() + datediff;//修复时间差
22                         var cc = document.getElementById(divname);
23                         if (leftTime > 0) {
24                             var leftsecond = parseInt(leftTime / 1000);
25                             var day1 = Math.floor(leftsecond / (60 * 60 * 24));
26                             var hour = Math.floor((leftsecond - day1 * 24 * 60 * 60) / 3600);
27                             var minute = Math.floor((leftsecond - day1 * 24 * 60 * 60 - hour * 3600) / 60);
28                             var second = Math.floor(leftsecond - day1 * 24 * 60 * 60 - hour * 3600 - minute * 60);
29                             try {
30                                 var cc = document.getElementById(divname);
31                                 if (minute == 0 && second == 0) {
32                                     cc.innerHTML = "0分0秒";
33                                     document.getElementById(‘msg‘).innerHTML = "信息:<font color=red>短信验证超时,请重新获取短信验证码!<span>";
34                                     window.clearInterval(intervalId);//停止计时
35                                     return;
36                                 }
37                                 cc.innerHTML = minute + "分" + second + "秒";
38                             } catch (e) { }
39                         }
40                         else {
41                             cc.innerHTML = "0分0秒";
42                             document.getElementById(‘msg‘).innerHTML = "信息:<font color=red>短信验证超时,请重新获取短信验证码!<span>";
43                             window.clearInterval(intervalId);//停止计时
44                         }
45                     }
46                     var intervalId = window.setInterval(function () { ShowCountDown(‘t‘); }, interval);
47                 </script>
时间: 2024-12-11 03:10:09

用js代码在页面显示倒计时的方法的相关文章

js代码从页面移植到文件中失效或js代码修改后不起作用的解决办法

最近在做关于网站的项目,总是发生这样的问题 写的javascript代码在页面上没有问题,但是将js代码移植到.js的文件中,在页面上进行调用,总是出现失效等错误 另外修改后的js代码,重新刷新网页仍然不起作用 经过大量搜索并经过验证,可以用下面方法来解决 将js代码封装到js文件中失效的原因可能是js文件中存在中文注释,导致在执行的时候中断,在js文件尽量不要写中文注释 修改后的js代码刷新网页后不起效果可能是因为你所用的浏览器使用缓存的问题,可在浏览器中设置取消使用缓存,并删除临时文件,重启

ASP页面显示乱码解决方法/ASP设置编码

ASP页面显示乱码解决方法/ASP设置编码(转) 如果你发现浏览页面的时候出现乱码.你可以尝试一下步骤: 确保你页面本身编码格式正确:例如test.asp中使用charset=utf-8,那么请先确保这个文件本身就是Utf-8编码的.你可以利用记事本 进行转换.同样如果使用charset=GBK,请先确保这个文件本身就是GBK编码的. 确认你得到的原数据(例如从数据库中得到的数据)编码方式与页面编码方式一至. 尝试指定IIS按什么编码读取. <%@ codepage=65001%>UTF-8

JS实现alert中显示换行的方法

转自脚本之家: 这篇文章主要介绍了JS实现alert中显示换行的方法,实例分析了两种实现alert换行的实现技巧,非常简单实用,需要的朋友可以参考下 本文实例讲述了JS实现alert中显示换行的方法.分享给大家供大家参考,具体如下:先来介绍一种比较复杂的方法,但这种方法使用起来对所有型号的浏览器都能任意分辨: //浏览器类型判定 function getOs() {   if(navigator.userAgent.indexOf("MSIE")>0) {      return

js代码从页面移植到文件里失效或js代码改动后不起作用的解决的方法

近期在做关于站点的项目,总是发生这种问题 写的javascript代码在页面上没有问题,可是将js代码移植到.js的文件里,在页面上进行调用,总是出现失效等错误 另外改动后的js代码,又一次刷新网页仍然不起作用 经过大量搜索并经过验证.能够用以下方法来解决 将js代码封装到js文件里失效的原因可能是js文件里存在中文凝视,导致在运行的时候中断,在js文件尽量不要写中文凝视 改动后的js代码刷新网页后不起效果可能是由于你所用的浏览器使用缓存的问题,可在浏览器中设置取消使用缓存,并删除暂时文件.重新

JSP页面显示倒计时

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <html> <head> <title>标题页</title> <meta http-equiv="refresh" content="11; url=2.jsp"&g

js网页返回页面顶部的小方法

咳咳,在网页出现滚动条的时候,许多网站会在右下角出现一个图标,点击可以回到页面顶部 本文就记录下js实现代码: 1.在html页面body添加dom元素 <img src="toTop.png" class="gotop" > <div class="gotopdiv" style="display: none;"><span>返回顶部</span></div> 2.

js代码性能优化的几个方法

相信写代码对于大部分人都不难,但想写出高性能的代码就需要一定的技术积累啦,下面是一些优化JavaScript代码性能的常见方法. 一.注意作用域 1.避免全局查找 使用全局变量和函数肯定要比局部的开销更大,因为要涉及作用域链上的查找,请看以下函数: 1 function demo1() { 2 var imgs = document.getElementByTagName("img"); //获取页面所有img标签 3 4 for(var i = 0; i <= imgs.len

JS跳转页面的几种方法

JS的几种跳转方式: 1. window.open("url") 2.用自定义函数 <script> function openWin(tag,obj) { obj.target="_blank"; obj.href = "Web/Substation/Substation.aspx?stationno="+tag; obj.click(); } </script> <a href="javascript:

js中子父页面数据传递与方法调用

A父页面 ,B为子页面 1.父页面调用子页面 A中调用B中方法:self.frames[iframeName].BFunction(); 注:iframeName:为父页面中iframe的name属性值 BFunction()为子页面中方法 2.子页面调用父页面 B中调用A中方法:self.parent.AFunction(); 注:AFunction()为父页面中方法.