通过js控制时间,一秒一秒自己动的实例
在狼蚁网站的SEO优化之下,长沙网络推广不断推陈出新,致力于为大家带来最前沿的网络技术分享。今天,我要为大家呈现一篇关于如何通过JavaScript控制时间,实现一秒一秒自动更新的实例。希望大家喜欢,也希望大家多多支持狼蚁SEO。
实例一:动态更新时间的HTML页面
这是一个简单的HTML页面,通过JavaScript的setInterval函数,实现了每秒更新一次时间的功能。页面中的时间,会实时显示当前的时间。
setInterval("showtime()", 1000); // 每秒执行一次showtime函数
function showtime() {
var date = new Date();
var time = date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
document.getElementById("timeBox").value = time; // 更新时间显示框的内容
}
当前时间
实例二:以年月日时分秒格式展示的时间更新
这个实例与第一个相似,但显示的时间格式更为详细,包括年月日时分秒。它使用了setTimeout函数,实现了一秒刷新一次时间的功能。
// 获取当前时间,刻度为一千分一秒
function showLeftTime() {
var now = new Date();
var year = now.getFullYear();
var month = now.getMonth() + 1;
var day = now.getDate();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
document.all.shownerHTML = year + "年" + month + "月" + day + "日
" + hours + ":" + minutes + ":" + seconds;
// 一秒刷新一次显示时间
setTimeout(showLeftTime, 1000);
}
以上就是长沙网络推广分享给大家的全部内容了。希望大家能从这些实例中收获到有价值的信息,并能在实际工作中加以应用。也希望大家能继续支持狼蚁SEO,我们将不断为大家带来更多实用的技术分享。
编程语言
- 通过js控制时间,一秒一秒自己动的实例
- Laravel5.1 框架模型查询作用域定义与用法实例分析
- Mysql数据库绿色版安装教程 解决系统错误1067的方
- PHP的Trait机制原理与用法分析
- MySQL数据库备份恢复实现代码
- Fedora下安装php Redis扩展笔记
- jQuery同步提交示例代码
- Angularjs 设置全局变量的方法总结
- JS设置下拉列表框当前所选值的方法
- 微信开发 微信授权详解
- VS2015自带LocalDB数据库用法详解
- php生成shtml类用法实例
- PHP实现类似于C语言的文件读取及解析功能
- AngularJS 表达式详解及实例代码
- YII2框架中actions的作用与使用方法示例
- php检测文件编码的方法示例