JavaScript实用的例子
2024-08-29 22:31:03
---恢复内容开始---
1.发送验证码
<input id="send" type="button" value="发送验证码"> <script>
var times = 60, // 时间设置60秒
timer = null;
document.getElementById('send').onclick = function () {
// 计时开始
timer = setInterval(function () {
times--;
if (times <= 0) {
send.value = '发送验证码';
clearInterval(timer);
send.disabled = false;
times = 60;
} else {
send.value = times + '秒后重试';
send.disabled = true;
}
}, 1000);
}
var times = 60,
timer = null;
$('#send').on('click', function () {
var $this = $(this);
// 计时开始
timer = setInterval(function () {
times--;
if (times <= 0) {
$this.val('发送验证码');
clearInterval(timer);
$this.attr('disabled', false);
times = 60;
} else {
$this.val(times + '秒后重试');
$this.attr('disabled', true);
}
}, 1000);
});
</script>
2.输出今天的日期,以YYYY-MM-DD的方式,比如今天是2018年5月21日,则输出2018-05-21
var date = new Date();
var dateYear = date.getFullYear();
var dateMonth = date.getMonth() + 1;
dateMonth = dateMonth < 10 ? '0'+dateMonth : dateMonth;
var dateDays = date.getDate();
dateDays = dateDays < 10 ? '0'+dateDays : dateDays;
console.log(dateYear + '-' + dateMonth + '-' + dateDays);
3.用js来判断浏览器版本,以及手机终端
js来判断浏览器版本
var ipspan =document.querySelector(".span"); function inspect(){
var userAgent=navigator.userAgent; // 火狐浏览器
if(userAgent.indexOf("Firefox") >-1){
return "Firefox";
}
// 谷歌浏览器
if(userAgent.indexOf("Chrome") >-1){
return "Chrome";
}
// IE
if(userAgent.indexOf("IE") >-1){
return "IE";
}
} ipspan.onclick=function(){
document.querySelector(".seebro").innerHTML =inspect();
}
js来判断手机终端,是安卓还是苹果
(function(){
var u = navigator.userAgent;
var isAndroid =u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //Android终端 Google 浏览器默认为 Android 端
var isIOS =!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //IOS终端 console.log(isAndroid);
console.log(isIOS);
}())
4.
---恢复内容结束---
最新文章
- 11.APP打包成ipa文件,然后利用Application Loader 上架
- EasyIcon:免费图标搜索和下载平台
- MVC4中的Display Mode简介
- hdu - 4608 - I-number
- 聊聊 if else 那些事
- Part 71 Code snippets in visual studio
- ruby编程语言-学习笔记3(第4章 表达式和操作符)
- MySQL定时事件
- Altium Designer打印设置
- Linux内核源代码解析之——sock&#39;s buffer参数
- PL/SQL developer 管理多套数据库
- css居中
- Unity游戏程序员面试题及解答
- Linux系统下常用的快捷键
- Redis——Linux(centos7.x)下Redi和PHP Redis插件安装——【一】
- WPF 对控件进行截图且不丢失范围(转载)
- JavaScript基本操作之——九个 Console 命令
- .NET 和 .NET框架概览
- ADF学习实用网站
- nginx重启命令方法(linux,centos,ubuntu)总结
热门文章
- 51nod1117(简单huffman tree)
- Jenkins+Git+Docker+K8s部署
- 黑马学习Ajax 跨域资源共享 jQuery+jsonp实现
- Js 验证时间格式是否正确
- Js 实现全屏
- BZOJ 2288: 【POJ Challenge】生日礼物 堆&;&;链表
- 解决win10下python3和python2共存pip的问题
- windows黑窗口关于java程序的常用命令
- js得到当前页面的url信息
- 如何移除网站Response Headers中的X-Powered-By信息?