jquery实现倒计时和当前时间的显示
2012-11-02 17:48
417 查看
js代码
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.4.3.js"> </script> <script type="text/javascript"> var second = 4; var timer ; $(function() { $('#time').html(currentTime); timer = window.setInterval(function(){ if (second <= 0) { location.href = "${pageContext.request.contextPath}"; } else { $("#totalSecond").html(second--); } }, 1000); var displayTime = window.setInterval(function(){ $('#time').html(currentTime) },1000); }); function cancel(){ window.clearInterval(timer); } function currentTime(){ var d = new Date(),str = ''; str += d.getFullYear()+'年'; str += d.getMonth() + 1+'月'; str += d.getDate()+'日'; str += d.getHours()+'时'; str += d.getMinutes()+'分'; str+= d.getSeconds()+'秒'; return str; } </script>
jsp页面
<span style="color: green"><span id="totalSecond">5</span> 秒后自动跳转至当当商城</span> <a href="javascript:;" onclick="cancel();" style="color: red">取消</a> <span style="color:green">当前时间<span id="time"></span></span>
相关文章推荐
- 十二、初学.NET—利用AJAX在页面头部显示服务器当前时间,并实现倒计时功能
- 用js实现倒计时和在页面显示当前时间
- 使用js实现显示系统当前时间并实现倒计时功能并触发模态框(遮罩)功能
- jquery easyui datebox 时间控件默认显示当前日期的实现方法
- HTML5之AngularJS实现当前时间显示
- JS实现网页标题栏显示当前时间和日期的完整代码
- web前端复习(二):js日期操作,实现时间显示和倒计时效果
- 实现一个用于显示当前时间的Google Android 窗口小部件(AppWidget)
- asp.net实现动态显示当前日期时间——用asp自己封装的AJAX
- C++实现当前时间动态显示的方法
- asp.net 实现动态显示当前时间(不用javascript不考虑开销)
- Jquery实现TextArea 字数限制,并显示当前的输入字符数
- JS实现动态显示当前时间(12/24小时制)
- 用JQuery实现表格隔行变色和突出显示当前行
- jquery easyui datebox 时间控件默认显示当前日期的实现方法
- 基于javascript显示当前时间以及倒计时功能
- js实现年月日 当前时间的显示
- 实现一个用于显示当前时间的Google Android 窗口小部件
- jquery.style.display实现显示隐藏+时间选择效果
- 用JQuery实现表格隔行变色和突出显示当前行