setInterval 的 一些坑

随手记

 

前：

之前想做一个网页上显示时间的功能，效果图：

为了实时更新时间，js中用到了setInterval 函数。

 

 中：

在使用这个函数的时候发现浏览器报错了

newTab.js:22 Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "script-src * 'unsafe-inline'".

找了很久才发现原因在这里，<head>中的一个标签

 <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: * 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *;script-src * 'unsafe-inline'">

 

后：

解决方法有两种：

一、把<head>中的那个标签去掉，就可以使用正常 setInterval 

二、不用去掉头标签，

把

setInterval("showtime()",1000);

的写法改为

    setInterval(() = > {
        showtime();
     },
    1000
);

就可以了。

 

 

 

 

 

 

 

 

 

 

 

posted @ 2018-08-22 15:58  q彩虹海q  阅读(77)  评论(0)    收藏  举报