js浏览器全屏和时钟方法

js浏览器全屏方法

浏览器F11全屏展示，js代码自动全屏，浏览器会认为有安全问题，所以要放个按钮触发，
在Chrome,Firefox,IE11测试通过。

//全屏
function fullscreen() {
  var el = document.documentElement;
  var isFullscreen=document.fullScreen||document.mozFullScreen||document.webkitIsFullScreen;
  if(!isFullscreen){//进入全屏,多重短路表达式
	  (el.requestFullscreen&&el.requestFullscreen())||
	  (el.mozRequestFullScreen&&el.mozRequestFullScreen())||
	  (el.webkitRequestFullscreen&&el.webkitRequestFullscreen())||(el.msRequestFullscreen&&el.msRequestFullscreen());
  }else{ //退出全屏,三目运算符
	  document.exitFullscreen?document.exitFullscreen():
	  document.mozCancelFullScreen?document.mozCancelFullScreen():
	  document.webkitExitFullscreen?document.webkitExitFullscreen():'';
  }
}

//调用
$(".fullScreen").click(function(){
		fullscreen();
	});

IE问题

在页面加入样式解决

html,body{width: 100%;}

js时钟方法

<div class="time"></div>

/**时间*/
function clock(){
	//在月份、日期、小时等小于10前面补0
	var padDate = function(value) {
		return value < 10 ? '0' + value : value;
	};
    var date = new Date();
	var year = date.getFullYear();
	var month = padDate(date.getMonth() + 1);
	var da = padDate(date.getDate());
	var day = date.getDay(); //获取当前星期几   
	var h = padDate(date.getHours());
	var m = padDate(date.getMinutes());
	var s = padDate(date.getSeconds());
	var vWeek = [ "星期天", "星期一", "星期二", "星期三", "星期四", "星期五","星期六" ];
	var fullTime = year + '.' + month + '.' + da  + ' ' + h + ':'
			+ m + ':' + s + ' ' + vWeek[day];
  $(".time").html(fullTime);
}
//调用，1秒刷新一次
	setInterval(clock,1000);

点击量 次

赏

如有帮助，谢谢赞赏

支付宝

微信